Button Component not styled if dynamically disabled

vadim-lisovyi commented 7 months ago

Description

I have a problem with the button component. When the disabled property is passed, the button is disabled in HTML, but the class is not applied.

Steps to play

Pass the disabled property to the button component. Note that the button is disabled in the HTML, but the class is not applied.

Expected behavior

When the disabled property is passed, the button must be disabled in both the class and the HTML.

Actual behavior

The button is disabled in HTML, but does not accept new styles. However, upon initialization, components with disabled="true" styles are displayed correctly, but when switched to disabled="false" they remain visually blocked even though they are unlocked in HTML.

Possible solution

Make sure that passing the disabled property not only applies the class and disables the button in the HTML on the initial value, but also on subsequent dynamic changes to the disabled attribute.