third_party/WebKit/LayoutTests/fast/dom/HTMLMeterElement/meter-styles.html - Issue 1917253006: Do not remove -webkit-appearance:meter by background or border CSS properties.

Side by Side Diff: third_party/WebKit/LayoutTests/fast/dom/HTMLMeterElement/meter-styles.html

Issue 1917253006: Do not remove -webkit-appearance:meter by background or border CSS properties. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Created 4 years, 7 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch

OLD	NEW
1 <html>	1 <html>

2 <head>	2 <head>

3 <script>	3 <script>

4 if (window.testRunner)	4 if (window.testRunner)

5 testRunner.notifyDone();	5 testRunner.notifyDone();

6 </script>	6 </script>

7 <style>	7 <style>

8 meter.tall { width: 30px; height: 40px; }	8 meter.tall { width: 30px; height: 40px; }

9 ul, h2, p { margin: 0.2em; }	9 ul, h2, p { margin: 0.2em; }

10 h1, h2 { font-size: medium; }	10 h1, h2 { font-size: medium; }

(...skipping 13 matching lines...) Expand all Loading...
24 <meter class="tall" min="0" max="100" low="30" high="60" optimum="100" v alue="45" ></meter>	24 <meter class="tall" min="0" max="100" low="30" high="60" optimum="100" v alue="45" ></meter>

25 <meter class="tall" min="0" max="100" low="30" high="60" optimum="100" v alue="75" ></meter></li>	25 <meter class="tall" min="0" max="100" low="30" high="60" optimum="100" v alue="75" ></meter></li>

26 </ul>	26 </ul>

27 <h2>Providing meter styles</h2>	27 <h2>Providing meter styles</h2>

28 <div style="background-color: #eee">	28 <div style="background-color: #eee">

29 <ul>	29 <ul>

30 <li><meter style="border-color: #224; border-style: solid; border-width: 5 px 20px 5px 10px;" min="0" max="100" low="30" high="60" optimum="100" value="80" ></meter> has border</li>	30 <li><meter style="border-color: #224; border-style: solid; border-width: 5 px 20px 5px 10px;" min="0" max="100" low="30" high="60" optimum="100" value="80" ></meter> has border</li>

31 <li><meter style="border-color: #224; padding: 5px 20px 5px 10px;" min="0" max="100" low="30" high="60" optimum="100" value="80" ></meter> has padding</li >	31 <li><meter style="border-color: #224; padding: 5px 20px 5px 10px;" min="0" max="100" low="30" high="60" optimum="100" value="80" ></meter> has padding</li >

32 <li><meter style="border-color: #224; margin: 5px 20px 5px 10px;" min="0" max="100" low="30" high="60" optimum="100" value="80" ></meter> has margin</li>	32 <li><meter style="border-color: #224; margin: 5px 20px 5px 10px;" min="0" max="100" low="30" high="60" optimum="100" value="80" ></meter> has margin</li>

33 <li><meter style="box-shadow: 4px 4px 10px rgba(255,0,0,0.5), inset 4px 4p x 4px rgba(0,255,0,0.5);"></meter> has box-shadow</li>	33 <li><meter style="box-shadow: 4px 4px 10px rgba(255,0,0,0.5), inset 4px 4p x 4px rgba(0,255,0,0.5);"></meter> has box-shadow</li>

34 <li><meter style="background: blue; color: white;" value="50">50</meter> B ackground CSS property disables -webkit-appearance automatically.</li>	34 <li><meter style="background: blue; color: white;" value="50">50</meter> B ackground CSS property does not disable -webkit-appearance.</li>

35 </ul>	35 </ul>

36 </div>	36 </div>

37 <h2>Providing bar and/or value styles</h2>	37 <h2>Providing bar and/or value styles</h2>

38 <div style="background-color: #eee">	38 <div style="background-color: #eee">

39 <ul>	39 <ul>

40 default -webkit-appearance, thus should use Shadow DOM CSS rendring.	40 default -webkit-appearance, thus should use Shadow DOM CSS rendring.

41 <li><meter class="valstyled" min="0" max="100" low="30" high="60" optimum="1 00" value="80" ></meter> has bar style but should ignore it.</li>	41 <li><meter class="valstyled" min="0" max="100" low="30" high="60" optimum="1 00" value="80" ></meter> has bar style but should ignore it.</li>

42 <li><meter class="barstyled" min="0" max="100" low="30" high="60" optimum="1 00" value="80" ></meter> has value style but should ignore it.</li>	42 <li><meter class="barstyled" min="0" max="100" low="30" high="60" optimum="1 00" value="80" ></meter> has value style but should ignore it.</li>

43 <li><meter class="barstyled valstyled" min="0" max="100" low="30" high="60" optimum="100" value="80" ></meter> has both styles but should ignore them.</li>	43 <li><meter class="barstyled valstyled" min="0" max="100" low="30" high="60" optimum="100" value="80" ></meter> has both styles but should ignore them.</li>

44 </ul>	44 </ul>

45	45

46 </div>	46 </div>

47 <h2>Providing appearances</h2>	47 <h2>Providing appearances</h2>

48 <div style="background-color: #eee">	48 <div style="background-color: #eee">

49 <ul>	49 <ul>

50 <li><meter style="-webkit-appearance: none" min="0" max="100" low="30" high= "60" optimum="100" value="80" >80</meter> has "none" appearance, should render M ETER content.</li>	50 <li><meter style="-webkit-appearance: none" min="0" max="100" low="30" high= "60" optimum="100" value="80" >80</meter> has "none" appearance, should render M ETER content.</li>

51 </ul>	51 </ul>

52 </div>	52 </div>

53 <h2>Providing bar paddings</h2>	53 <h2>Providing bar paddings</h2>

54 <div style="background-color: #eee">	54 <div style="background-color: #eee">

55 <meter id="bar-paddings" min="0" max="100" low="30" high="60" optimum="50" v alue="50" ></meter> has "padding" on the bar.	55 <meter id="bar-paddings" min="0" max="100" low="30" high="60" optimum="50" v alue="50" ></meter> has "padding" on the bar.

56 </ul>	56 </ul>

57 </div>	57 </div>

58 </body>	58 </body>

59 </html>	59 </html>

OLD	NEW

« no previous file with comments | « no previous file | third_party/WebKit/Source/core/layout/LayoutTheme.cpp » ('j') | no next file with comments »