1442423 - <meter> element doesn't render correctlly

Status: NEW

(Core :: Web Painting, defect, P3)

Description

[ykpui]

User Agent: Mozilla/5.0 (X11; Ubuntu; Linux i686; rv:58.0) Gecko/20100101 Firefox/58.0
Build ID: 20180208173048

Steps to reproduce:

I have the following code that renders differently on Chromium(64.0.3282.167) and Firefox(58.0.2) on Linux(32 bit).
If I am not mistaken the correct behavior belongs to chromium.

Here is the code:
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <br />
  Firefox
<meter value=0 min=0 max=4 low=2 high=3 optimum=4>D-</meter>
  <meter value=1 min=0 max=4 low=2 high=3 optimum=4>D-</meter>
  <meter value=2 min=0 max=4 low=2 high=3 optimum=4>D-</meter>
  <meter value=3 min=0 max=4 low=2 high=3 optimum=4>Yellow</meter>
<meter value=4 min=0 max=4 low=2 high=3 optimum=4>D-</meter>
  <br />
  <br />
  Chrome
<meter value=0 min=0 max=4 low=2 high=3 optimum=4>D-</meter>
  <meter value=1 min=0 max=4 low=2 high=3 optimum=4>D-</meter>
  <meter value=2 min=0 max=4 low=2 high=3 optimum=4>D-</meter>
  <meter value=3 min=0 max=4 low=2 high=3 optimum=4>Green</meter>
<meter value=4 min=0 max=4 low=2 high=3 optimum=4>D-</meter>
</body>
</html>


Actual results:

The 4th item showed in yellow.


Expected results:

The 4th item shows in green.

Comment 1

[ykpui]

A fiddle to play with:
http://jsbin.com/huhivik/edit?html,output

Comment 2

[roxleitan]

Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:58.0) Gecko/20100101 Firefox/58.0
Build ID: 20180206200532

Managed to reproduce the issue on Windows 10 x64 and Mac OS X 10.12 using Firefox Release 58.0.2 and Firefox Beta 59.0b14.
Nothing is displayed in the latest Nightly 60.0a1(2018-03-05). (please see attachment)

Comment 3

[roxleitan]

Attachment: Untitled.png

Comment 4

[Jet Villegas (inactive)]

[Triage 2018/03/23 - P3]