LayoutTests/fast/block/margin-collapse/self-collapsing-block-with-float-children.html - Issue 888743002: Force unitless data-expected attributes

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/block/margin-collapse/self-collapsing-block-with-float-children.html

Issue 888743002: Force unitless data-expected attributes (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Redo percentage-height-when-height-specified-by-top-bottom.html onload change Created 5 years, 10 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/css3/flexbox/flexitem.html ('k') | LayoutTests/fast/block/min-max-height-percent-height-child.html » ('j') | LayoutTests/fast/css-grid-layout/grid-align.html » ('J')
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 <style>	4 <style>

5 .cleared-container {	5 .cleared-container {

6 font: 30px/1 Ahem;	6 font: 30px/1 Ahem;

7 clear: both;	7 clear: both;

8 list-style: none;	8 list-style: none;

9 padding: 0;	9 padding: 0;

10 margin: 1em 0 0;	10 margin: 1em 0 0;

11 }	11 }

12 .floated-child {	12 .floated-child {

13 float: left;	13 float: left;

14 width: 33.33%;	14 width: 33.33%;

15 background: rgb(200,200,200);	15 background: rgb(200,200,200);

16 }	16 }

17 </style>	17 </style>

18 </head>	18 </head>

19 <body>	19 <body>

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

21 <ul class="cleared-container">	21 <ul class="cleared-container">

22 <li class="floated-child" data-offset-y="30px">These words should</li>	22 <li class="floated-child" data-offset-y="30">These words should</li>

23 <li class="floated-child" data-offset-y="30px">be all on the </li>	23 <li class="floated-child" data-offset-y="30">be all on the </li>

24 <li class="floated-child" data-offset-y="30px">same line.</li>	24 <li class="floated-child" data-offset-y="30">same line.</li>

25 </ul>	25 </ul>

26 <p> https://bugs.webkit.org/show_bug.cgi?id=109476 : only the first floated child of a self-collapsing block needs to account	26 <p> https://bugs.webkit.org/show_bug.cgi?id=109476 : only the first floated child of a self-collapsing block needs to account

27 for its collapsed margin. </p>	27 for its collapsed margin. </p>

28 <script>	28 <script>

29 checkLayout('.floated-child');	29 checkLayout('.floated-child');

30 </script>	30 </script>

31 </body>	31 </body>

32 </html>	32 </html>

33	33

OLD	NEW