LayoutTests/fast/dom/HTMLDialogElement/top-layer-position-relative.html - Issue 16529003: Simplify 'position' adjustment of top layer elements

Side by Side Diff

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

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: LayoutTests/fast/dom/HTMLDialogElement/top-layer-position-relative.html

Issue 16529003: Simplify 'position' adjustment of top layer elements (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Created 7 years, 6 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 | Annotate | Revision Log

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

2 <html>	2 <html>

3 <head>	3 <head>

4 <script>	4 <script>

5 if (window.internals)	5 if (window.internals)

6 internals.settings.setDialogElementEnabled(true);	6 internals.settings.setDialogElementEnabled(true);

7 </script>	7 </script>

8 <style>	8 <style>

9 .green-box {	9 .green-box {

10 background-color: green;	10 background-color: green;

(...skipping 15 matching lines...) Expand all Loading...
26 top: 100px;	26 top: 100px;

27 left: 150px;	27 left: 150px;

28 }	28 }

29	29

30 #right-dialog {	30 #right-dialog {

31 position: relative;	31 position: relative;

32 top: 100px;	32 top: 100px;

33 left: 200px;	33 left: 200px;

34 }	34 }

35 </style>	35 </style>

	36 <script src="../../../resources/check-layout.js"></script>

36 </head>	37 </head>

37 <body>	38 <body onload="checkLayout('dialog')">

38 <p>Bug <a href="http://webkit.org/b/106538">106538</a>: Top layer fails for inli ne elements	39 <p>Bug <a href="http://webkit.org/b/106538">106538</a>: Top layer fails for inli ne elements

39 <p>This tests that position 'relative' computes to 'absolute' in the top layer. The test passes if you see a single green box.</p>	40 <p>This tests that position 'relative' computes to 'absolute' in the top layer. The test passes if you see a single green box.</p>

40 <div id="left-div" class="green-box"></div>	41 <div id="left-div" class="green-box"></div>

41 <dialog id="middle-dialog" class="green-box"></dialog>	42 <dialog id="middle-dialog" class="green-box" data-offset-x="150" data-offset-y=" 100"></dialog>

42 <dialog id="right-dialog" class="green-box"></dialog>	43 <dialog id="right-dialog" class="green-box" data-offset-x="200" data-offset-y="1 00"></dialog>

43 <script>	44 <script>

44 document.getElementById('middle-dialog').showModal();	45 document.getElementById('middle-dialog').showModal();

45 var rightDialog = document.getElementById('right-dialog');	46 var rightDialog = document.getElementById('right-dialog');

46 rightDialog.showModal();	47 rightDialog.showModal();

47 rightDialog.style.position = 'absolute';	48 rightDialog.style.position = 'absolute';

48 </script>	49 </script>

49 </body>	50 </body>

50 </html>	51 </html>

OLD	NEW

« no previous file with comments | « no previous file | LayoutTests/fast/dom/HTMLDialogElement/top-layer-position-relative-expected.html » ('j') | no next file with comments »