`width: auto` and `height: auto` are ignored when applied in more specific CSS classes

[NipponSunrise]

Description:

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.

Code to Reproduce:

https://haxeui.org/builder/?95a582d0

Actual Behavior:

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

[NipponSunrise]

Hi Ian, I noticed you've commented on newer issues, but mine hasn't received a response yet. I understand you're busy, but if you have a moment, could you suggest where to look to fix this? Alternatively, is there a possible workaround? I’d be happy to try making a patch myself. Thanks!

[ianharrigan]

oh, wow, so sorry, totally missed this in my inbox - ill take a look later this eve / tomorrow - as you said, been crazy busy recently - sorry again!

Cheers,
Ian

[ianharrigan]

btw, a crappy workaround is to explicitly null the width and height: https://haxeui.org/builder/?de6a6235