| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <style> | 4 <style> |
| 5 meter::-webkit-meter-bar { | 5 meter::-webkit-meter-bar { |
| 6 -webkit-user-modify: read-write; | 6 -webkit-user-modify: read-write; |
| 7 } | 7 } |
| 8 | 8 |
| 9 meter { | 9 meter { |
| 10 -webkit-appearance: none; | 10 -webkit-appearance: none; |
| 11 } | 11 } |
| 12 </style> | 12 </style> |
| 13 </head> | 13 </head> |
| 14 <body> | 14 <body> |
| 15 <script src="../../resources/js-test.js"></script> | 15 <script src="../../resources/js-test.js"></script> |
| 16 | 16 |
| 17 <p>The inner element of meter should not be deleteable.</p> | 17 <p>The inner element of meter should not be deleteable.</p> |
| 18 | 18 |
| 19 <div id="container" contenteditable> | 19 <div id="container" contenteditable> |
| 20 (before)<meter id="meter" min="0" max="100" value="50"></meter>(after) | 20 (before)<meter id="meter" min="0" max="100" value="50">In meter</meter>(afte
r) |
| 21 </div> | 21 </div> |
| 22 | 22 |
| 23 <script> | 23 <script> |
| 24 function focusAndType(id, key) | 24 function focusAndType(id, key) |
| 25 { | 25 { |
| 26 var target = document.getElementById(id); | 26 var target = document.getElementById(id); |
| 27 eventSender.mouseMoveTo(target.offsetLeft + 2, target.offsetTop + 2); | 27 eventSender.mouseMoveTo(target.offsetLeft + target.offsetWidth / 2, target.o
ffsetTop + target.offsetHeight / 2); |
| 28 eventSender.mouseDown(); | 28 eventSender.mouseDown(); |
| 29 eventSender.mouseUp(); | 29 eventSender.mouseUp(); |
| 30 eventSender.keyDown(key); | 30 eventSender.keyDown(key); |
| 31 } | 31 } |
| 32 | 32 |
| 33 var container = document.getElementById("container"); | 33 var container = document.getElementById("container"); |
| 34 layoutTreeBeforeType = internals.elementLayoutTreeAsText(document.documentElemen
t); | 34 layoutTreeBeforeType = internals.elementLayoutTreeAsText(document.documentElemen
t); |
| 35 | 35 |
| 36 focusAndType("meter", "X"); | 36 focusAndType("meter", "X"); |
| 37 | 37 |
| 38 layoutTreeAfterType = internals.elementLayoutTreeAsText(document.documentElement
); | 38 layoutTreeAfterType = internals.elementLayoutTreeAsText(document.documentElement
); |
| 39 shouldBe("layoutTreeAfterType", "layoutTreeBeforeType"); | 39 shouldBe("layoutTreeAfterType", "layoutTreeBeforeType"); |
| 40 | 40 |
| 41 var successfullyParsed = true; | 41 var successfullyParsed = true; |
| 42 </script> | 42 </script> |
| 43 </body> | 43 </body> |
| 44 </html> | 44 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1877763002:
METER with -webkit-appearance:none should be rendered with the normal CSS way. (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master