diff --git a/development/issues/open/255.html b/development/issues/open/255.html new file mode 100644 index 0000000000000000000000000000000000000000..0883ede232dcef0845e31cf5226ef4ec68ac7127 --- /dev/null +++ b/development/issues/open/255.html @@ -0,0 +1,22 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>disable false for message-state-button does not work #255</title> + <script src="./255.mjs" type="module"></script> +</head> +<body> + <h1>disable false for message-state-button does not work #255</h1> + <p>user aborted</p> + <ul> + <li><a href="https://gitlab.schukai.com/oss/libraries/javascript/monster/-/issues/255">Issue #255</a></li> + <li><a href="/">Back to overview</a></li> + </ul> + <main> + + <monster-message-state-button id="message-state-button" disabled="false">test</monster-message-state-button> + + </main> +</body> +</html> diff --git a/development/issues/open/255.mjs b/development/issues/open/255.mjs new file mode 100644 index 0000000000000000000000000000000000000000..a1378831ffaf524abcf18d14cb9f2464b17383c3 --- /dev/null +++ b/development/issues/open/255.mjs @@ -0,0 +1,32 @@ +/** +* @file development/issues/open/255.mjs +* @url https://gitlab.schukai.com/oss/libraries/javascript/monster/-/issues/255 +* @description disable false for message-state-button does not work +* @issue 255 +*/ + +import "../../../source/components/style/property.pcss"; +import "../../../source/components/style/link.pcss"; +import "../../../source/components/style/color.pcss"; +import "../../../source/components/style/theme.pcss"; +import "../../../source/components/style/normalize.pcss"; +import "../../../source/components/style/typography.pcss"; +import "../../../source/components/form/message-state-button.mjs"; + +document.addEventListener("DOMContentLoaded", () => { + const button = document.querySelector("monster-message-state-button"); + console.log(button); + + setTimeout(() => { + button.setOption("features.disableButton", true); + console.log(button.getOption("features.disableButton")); + + setTimeout(() => { + button.setOption("features.disableButton", false); + console.log(button.getOption("features.disableButton")); + }, 4000); + + }, 4000); + + +}); \ No newline at end of file diff --git a/source/components/form/message-state-button.mjs b/source/components/form/message-state-button.mjs index acf0e49b736c0a6854f1ad16fe47a6ca893c2f58..a9170dd4f85d4e5115ff1b9fce2999673ea58049 100644 --- a/source/components/form/message-state-button.mjs +++ b/source/components/form/message-state-button.mjs @@ -366,7 +366,7 @@ function getTemplate() { <div data-monster-role="control" part="control"> <monster-state-button exportparts="button:button-button,control:button-control" - data-monster-attributes="data-monster-option-classes-button path:classes.button, disabled path:features.disableButton" + data-monster-attributes="data-monster-option-classes-button path:classes.button, disabled path:features.disableButton | if:true" part="button" name="button" data-monster-role="button"> diff --git a/source/components/form/toggle-switch.mjs b/source/components/form/toggle-switch.mjs index c00374d9b901e1ba839cbb3120075e6641347e6d..903887d4ded7d8a11530bbbd2107b72b738a9a05 100644 --- a/source/components/form/toggle-switch.mjs +++ b/source/components/form/toggle-switch.mjs @@ -374,7 +374,7 @@ function toggleValues() { /** * @private - */ + */F function validateAndSetValue() { const value = this.getOption("value");