::-moz-meter-bar not working
Categories
(Core :: CSS Parsing and Computation, defect)
Tracking
()
People
(Reporter: kubas.safranek, Unassigned)
References
(Regression)
Details
(Keywords: regression)
Attachments
(1 file)
|
48.64 KB,
image/jpeg
|
Details |
firefox_VWnz92z7rO.jpg
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:143.0) Gecko/20100101 Firefox/143.0
Steps to reproduce:
I have been using ::-moz-meter-bar on my website for a long time to change the color of the meter element, but it stopped working. It can be seen even in MDN example https://developer.mozilla.org/en-US/docs/Web/CSS/::-moz-meter-bar
Actual results:
The set color is not used, the meter has the default green color.
Expected results:
The meter should have the color set by ::-moz-meter-bar.
|
||
Comment 1•11 months ago
|
||
The Bugbug bot thinks this bug should belong to the 'Toolkit::UI Widgets' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.
|
||
Comment 2•11 months ago
|
||
Bisecting this, it boils down to either bug 1971443 or bug 663367, I believe.
|
|
||
Updated•11 months ago
|
|
||
Comment 3•11 months ago
|
||
Probably bug 1971450 actually. See the commit message of the patch for details.
You just need to add appearance: none (or -moz-appearance: none) to the <meter> to disable the native styling.
Before that, a meter bar style would prevent the native appearance only if borders or backgrounds where specified. If you remove the background / border-radius from the MDN example, the box shadow doesn't render even before my patch.
I think given the fix is just adding appearance: none to the meter, that we've been shipping this for a while, and that there's ongoing effort in standardizing these, I think we should probably WONTFIX this behavior change.
I'll add dev-doc-needed to the other bug to document this on MDN / fix the example.
|
Reporter | |
Comment 4•11 months ago
|
||
Thanks, this advice is enough for me.
Description
•