New issue
Advanced search Search tips

Issue 632171 link

Starred by 3 users
Status: Duplicate
Merged: issue 632510
Owner: ----
Closed: Jul 2016
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux
Pri: 3
Type: Bug



Sign in to add a comment

Value-driven Meter Styling Fails on Chrome for Linux

Reported by msl...@gmail.com, Jul 27 2016 
Works on Windows and Mac.
Here is a jsbin that demonstrates the problem: 
https://jsbin.com/kawuda/edit?html,css,js,output

This is the CSS that fails on Chrome 52.0.2743.82 (64-bit) and Ubuntu 16.04:

meter[value="0"]::-webkit-meter-optimum-value,
meter[value="1"]::-webkit-meter-optimum-value { background: red; }
meter[value="2"]::-webkit-meter-optimum-value { background: orange; }
meter[value="3"]::-webkit-meter-optimum-value { background: yellow; }
meter[value="4"]::-webkit-meter-optimum-value { background: green; }

Comment 1 by ssamanoori@chromium.org, Jul 29 2016

Components: Blink>HTML>Meter
Labels: Needs-Feedback
Tested the issue on Windows 7, Mac 10.11.5, Ubuntu 14.04 using 52.0.2743.82, canary 54.0.2810.2 with below steps:

1.Opened URL: https://jsbin.com/kawuda/edit?html,css,js,output
2.Entered 1 to 4 digits.
3.Observed same behavior in Linux, Mac, Windows.

Please find attached screencast and update if anything missed here in triaging the issue.

mslinn@Could you please provide actual and expected behavior screencast for better understanding the issue to triage it further.
632171.mp4
1.8 MB View Download

Comment 2 by msl...@gmail.com, Jul 29 2016 

I fixed the JS bug. Visiting the same URL should present the corrected JS. Attached are two videos: meterWindowsWorks.mp4 and meterUbuntuFails.mp4
meterWindowsWorks.mp4
2.7 MB View Download
meterUbuntuFails.mp4
1.8 MB View Download

Comment 3 by tkent@chromium.org, Jul 31 2016

Mergedinto: 632510
Status: Duplicate (was: Unconfirmed)
This works as intended.  You need to remove "-webkit-appearance:none".
https://www.chromestatus.com/feature/5668635896971264
►

Sign in to add a comment