third_party/WebKit/LayoutTests/external/wpt/css/CSS2/positioning/absolute-replaced-width-030.xht - Issue 2824603002: Import css21/positioning W3C CSS Test Suite

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: third_party/WebKit/LayoutTests/external/wpt/css/CSS2/positioning/absolute-replaced-width-030.xht

Issue 2824603002: Import css21/positioning W3C CSS Test Suite (Closed)

Patch Set: git rebase-update Created 3 years, 8 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 | « third_party/WebKit/LayoutTests/external/wpt/css/CSS2/positioning/absolute-replaced-width-029.xht ('k') | third_party/WebKit/LayoutTests/external/wpt/css/CSS2/positioning/absolute-replaced-width-031.xht » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
(Empty)
	1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" " http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">

	2 <html xmlns="http://www.w3.org/1999/xhtml">

	3 <head>

	4 <title>CSS Test: Absolutely positioned replaced element with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right', 'right' a nd intrinsic height</title>

	5 <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />

	6 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-repla ced-width" />

	7 <link rel="match" href="absolute-replaced-width-023-ref.xht" />

	8

	9 <meta name="flags" content="nonHTML svg" />

	10 <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned replaced element becomes a used value of '0'." />

	11 <style type="text/css">

	12 #div1

	13 {

	14 border: solid black;

	15 direction: rtl;

	16 height: 296px;

	17 position: absolute;

	18 width: auto;

	19 }

	20

	21 /*

	22 The svg's containing block (which is div#div1)

	23 has width: auto in which case shrink-to-fit width

	24 applies which is given by its non-positioned

	25 content, which is its inner div.

	26 */

	27

	28 svg

	29 {

	30 margin-left: auto;

	31 margin-right: auto;

	32 left: 1in;

	33 position: absolute;

	34 right: auto;

	35 }

	36 div div

	37 {

	38 background: orange;

	39 height: 50px;

	40 margin-left: 1in;

	41 margin-top: 50px;

	42 width: 200px;

	43 }

	44 </style>

	45 </head>

	46 <body>

	47 <p>Test passes if the blue and orange rectangles have the same width and the blue rectangle is in the upper-right corner of an hollow black square.</p>

	48 <div id="div1">

	49 <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" height ="50" baseProfile="full">

	50 <svg:rect x="0" y="0" width="200" height="100" fill="blue" />

	51 </svg:svg>

	52 <div></div>

	53 </div>

	54 </body>

	55 </html>

OLD	NEW