LayoutTests/fast/regions/shape-inside/shape-inside-with-region-padding.html - Issue 60873002: Removing the -webkit prefix from CSS Regions-Shapes tests

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/regions/shape-inside/shape-inside-with-region-padding.html

Issue 60873002: Removing the -webkit prefix from CSS Regions-Shapes tests (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Created 7 years, 1 month 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 window.internals.settings.setCSSExclusionsEnabled(true);	6 window.internals.settings.setCSSExclusionsEnabled(true);

7 </script>	7 </script>

8 <style>	8 <style>

9 #content {	9 #content {

10 font: 18px Ahem, sans-serif;	10 font: 18px Ahem, sans-serif;

11 line-height: 20px;	11 line-height: 20px;

12 -webkit-flow-into: flow;	12 -webkit-flow-into: flow;

13 }	13 }

14 .region {	14 .region {

15 width: 300px;	15 width: 300px;

16 height: 300px;	16 height: 300px;

17 background-color: yellow;	17 background-color: yellow;

18 border: 1px solid black;	18 border: 1px solid black;

19 padding-top: 10px;	19 padding-top: 10px;

20 padding-right: 20px;	20 padding-right: 20px;

21 padding-bottom: 30px;	21 padding-bottom: 30px;

22 padding-left: 40px;	22 padding-left: 40px;

23 -webkit-flow-from: flow;	23 -webkit-flow-from: flow;

24 }	24 }

25 #shape_inside {	25 #shape_inside {

26 -webkit-shape-inside: rectangle(50px, 0px, 200px, 300px);	26 shape-inside: rectangle(50px, 0px, 200px, 300px);

27 background-color: orange;	27 background-color: orange;

28 }	28 }

29 </style>	29 </style>

30 </head>	30 </head>

31 <body>	31 <body>

32	32

33 <div id="shape_inside" class="region"></div>	33 <div id="shape_inside" class="region"></div>

34	34

35 <div id="content">	35 <div id="content">

36 XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX	36 XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX

37 XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX	37 XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX

38 XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX	38 XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX

39 XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX	39 XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX

40 </div>	40 </div>

41	41

42 <p>Requires Ahem font. The content flows into a region (300px wide) what contain s a shape-inside rectangle (200px wide) with 50px left offset.<br/>	42 <p>Requires Ahem font. The content flows into a region (300px wide) what contain s a shape-inside rectangle (200px wide) with 50px left offset.<br/>

43 The content should fill the shape-inside area out. The different paddings (top 1 0, right 20, bottom 30, left 40px) should be applied on the container. The paddi ng shouldn't have any effect on the shape-inside's content.	43 The content should fill the shape-inside area out. The different paddings (top 1 0, right 20, bottom 30, left 40px) should be applied on the container. The paddi ng shouldn't have any effect on the shape-inside's content.

44 <p>Bug <a href="http://webkit.org/b/115456">115456</a>: [CSS Regions][CSS Exclus ions] Shape-inside on regions should respect region borders and paddings</p>	44 <p>Bug <a href="http://webkit.org/b/115456">115456</a>: [CSS Regions][CSS Exclus ions] Shape-inside on regions should respect region borders and paddings</p>

45	45

46 </body>	46 </body>

47 </html>	47 </html>

OLD	NEW

« no previous file with comments | « LayoutTests/fast/regions/shape-inside/shape-inside-with-region-borders.html ('k') | no next file » | no next file with comments »