Closed Bug 1924973 Opened 1 year ago Closed 1 year ago

When same CSS class is set more than once, the extra class names are removed on hover

Categories

(Firefox :: Untriaged, defect)

Firefox 131
defect

Tracking

()

RESOLVED INVALID

People

(Reporter: renaat.demuynck, Unassigned)

Details

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:131.0) Gecko/20100101 Firefox/131.0

Steps to reproduce:

I ran into this issue when developing a website with SemanticUI. A table cell had its class attribute set to "right aligned bottom aligned". The SemanticUI stylesheet contains the following rule:

.ui.table [class*="bottom aligned"]

Can also be reproduced by setting the class attribute to something like "test something test" on any element (for example the body)

Actual results:

When hovering the element, the extra redundant classname was removed from the element, resulting in above CSS rule not working any more.

Expected results:

The class attribute should remain unchanged

Can you provide a minimal example, e.g. via https://jsfiddle.net/?

Flags: needinfo?(renaat.demuynck)

I created an example: https://jsfiddle.net/jbove1gn/, but it turns out that the culprit was an extension (https://addons.mozilla.org/en-US/firefox/addon/simple-lorem-ipsum/). I figured it out because the fiddle only worked on Firefox Developer Edition (where I had the extension installed) an not on the Standard Firefox. I will file this bug with the developer of the extension.
Sorry for the inconvenience...

Flags: needinfo?(renaat.demuynck)
Status: UNCONFIRMED → RESOLVED
Closed: 1 year ago
Resolution: --- → INVALID

Sorry for the inconvenience...

No worry, thanks for following up.

You need to log in before you can comment on or make changes to this bug.