You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Setting width: auto and/or height: auto in a more specific CSS class does not override a general width/height definition. Instead, the element retains the width/height from the general rule, ignoring the expected CSS specificity behavior. Other styles (e.g., color, border, font) correctly follow specificity rules, so the issue is specific to dimensions calculation.
Tracing viewComponent.style confirms that rules are switched correctly, but as a result the button does not resize.
width: auto and height: auto are ignored if the general definition has a fixed width and height. The element remains stuck at the width and height defined in the general selector.
Expected:
The more specific .i18n_en class should override width: 6rem with width: auto and height: 2rem with height: auto.
Environments:
HaxeUI Version: 1.7 (HTML5 runtime)
Official Playground
The text was updated successfully, but these errors were encountered:
NipponSunrise
changed the title
width: auto is ignored when applied in more specific CSS classeswidth: auto and height: auto are ignored when applied in more specific CSS classes
Feb 6, 2025
Description:
Setting
width: auto
and/orheight: auto
in a more specific CSS class does not override a general width/height definition. Instead, the element retains the width/height from the general rule, ignoring the expected CSS specificity behavior. Other styles (e.g., color, border, font) correctly follow specificity rules, so the issue is specific to dimensions calculation.Tracing
viewComponent.style
confirms that rules are switched correctly, but as a result the button does not resize.Code to Reproduce:
https://haxeui.org/builder/?95a582d0
Actual Behavior:
width: auto
andheight: auto
are ignored if the general definition has a fixed width and height. The element remains stuck at the width and height defined in the general selector.Expected:
The more specific
.i18n_en
class should overridewidth: 6rem
withwidth: auto
andheight: 2rem
withheight: auto
.Environments:
HaxeUI Version: 1.7 (HTML5 runtime)
Official Playground
The text was updated successfully, but these errors were encountered: