LayoutTests/dialog/top-layer-stacking-expected.html - Issue 637763002: Unprefix usage of -webkit-transform in tests

Side by Side Diff: LayoutTests/dialog/top-layer-stacking-expected.html

Issue 637763002: Unprefix usage of -webkit-transform in tests (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Created 6 years, 2 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

« no previous file with comments | « LayoutTests/dialog/top-layer-stacking.html ('k') | LayoutTests/editing/input/reveal-caret-of-transformed-input-scrollable-parent.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <html>	2 <html>

3 <head>	3 <head>

4 <link rel="stylesheet" href="resources/dialog.css">	4 <link rel="stylesheet" href="resources/dialog.css">

5 </head>	5 </head>

6 <style>	6 <style>

7 .box {	7 .box {

8 height: 150px;	8 height: 150px;

9 width: 150px;	9 width: 150px;

10 }	10 }

11 .container {	11 .container {

12 -webkit-perspective: 500px;	12 -webkit-perspective: 500px;

13 border: 1px solid black;	13 border: 1px solid black;

14 background-color: magenta;	14 background-color: magenta;

15 }	15 }

16 .transformed {	16 .transformed {

17 -webkit-transform: rotateY(45deg);	17 transform: rotateY(45deg);

18 background-color: cyan;	18 background-color: cyan;

19 }	19 }

20 </style>	20 </style>

21 <body>	21 <body>

22 <div class="pseudodialog" style="position: fixed; top: 10px; z-index:3000">	22 <div class="pseudodialog" style="position: fixed; top: 10px; z-index:3000">

23 This white box is the topmost modal dialog. It should be on top of everythin g.	23 This white box is the topmost modal dialog. It should be on top of everythin g.

24 </div>	24 </div>

25 <div style="position: absolute; top: 0px; z-index: 3; background-color: red; lef t: 0; right: 0; height: 200px;"></div>	25 <div style="position: absolute; top: 0px; z-index: 3; background-color: red; lef t: 0; right: 0; height: 200px;"></div>

26 <div class="pseudodialog" style="position: absolute; top: 50px; background-color : green; width: 75%; height: 400px; z-index:2000">	26 <div class="pseudodialog" style="position: absolute; top: 50px; background-color : green; width: 75%; height: 400px; z-index:2000">

27 This green box is also a modal dialog. It should be rendered above the red a nd yellow regions.	27 This green box is also a modal dialog. It should be rendered above the red a nd yellow regions.

28 <div class="container box">	28 <div class="container box">

29 <div class="transformed box">A transform within the dialog's subtree.</d iv>	29 <div class="transformed box">A transform within the dialog's subtree.</d iv>

30 </div>	30 </div>

31 <div class="box" style="position: absolute; top:300px; z-index: 2; backgroun d-color: cyan">	31 <div class="box" style="position: absolute; top:300px; z-index: 2; backgroun d-color: cyan">

32 This shows z-index stacking within the dialog's subtree. The cyan box sh ould be on top of the magenta one.	32 This shows z-index stacking within the dialog's subtree. The cyan box sh ould be on top of the magenta one.

33 </div>	33 </div>

34 <div class="box" style="position: absolute; top:350px; left:50px; z-index: 1 ; background-color: magenta"></div>	34 <div class="box" style="position: absolute; top:350px; left:50px; z-index: 1 ; background-color: magenta"></div>

35 <div style="position: fixed; top: 90px; left: 30px; background-color: green" >This is part of the green dialog.</div>	35 <div style="position: fixed; top: 90px; left: 30px; background-color: green" >This is part of the green dialog.</div>

36 </div>	36 </div>

37 <div style="position: absolute; top: 100px; left: 0px; right: 0px; height: 200em ; background-color: yellow; z-index:1000">	37 <div style="position: absolute; top: 100px; left: 0px; right: 0px; height: 200em ; background-color: yellow; z-index:1000">

38 </div>	38 </div>

39 </body>	39 </body>

40 </html>	40 </html>

OLD	NEW