LayoutTests/fast/css/text-align-positioned-inside-table-cell.html - Issue 150403003: Consider text alignment and direction when computing the left offset for horizontal writing modes.

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/css/text-align-positioned-inside-table-cell.html

Issue 150403003: Consider text alignment and direction when computing the left offset for horizontal writing modes. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@issue313593

Patch Set: Rebased patch against master Created 6 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

OLD	NEW
(Empty)
	1 <!DOCTYPE HTML>

	2 <html lang="en">

	3 <style>

	4 tr td {

	5 position: relative;

	6 width: 100px;

	7 background-color: #dea;

	8 padding: 5px 0px 5px 0px;

	9 }

	10

	11 tr td span {

	12 position: absolute;

	13 top: 7px;

	14 }

	15

	16 tr td.dummy { background-color: #ead; }

	17 tr td.dummy span { position: static; }

	18

	19 .left { text-align: left; }

	20 .right { text-align: right; }

	21 .center { text-align: center; }

	22 .start { text-align: start; }

	23 .end { text-align: end; }

	24 </style>

	25 </head>

	26 <body>

	27 <title>Test case for text-align for positioned text inside table cells</title>

	28

	29 <p>Test case to check that absolutely positioned text inside table

	30 cells with 'relative' positioning are rendered inside the cells</p>

	31

	32 <h1 style="font-size: 1em;">Checking different alignments for Left-To-Right text :</h1>

	33 <table>

	34 <tr>

	35 <td class="dummy"><span>static text</span></td>

	36 <td class="left"><span>One</span></td>

	37 <td class="right"><span>Two</span></td>

	38 <td class="center"><span>Three</span></td>

	39 <td class="start"><span>Four</span></td>

	40 <td class="end"><span>Five</span></td>

	41 </tr>

	42 </table>

	43

	44 <h1 style="font-size: 1em;">Checking different alignments for Right-To-Left text :</h1>

	45 <table dir="rtl">

	46 <tr>

	47 <td class="left"><span>One</span></td>

	48 <td class="right"><span>Two</span></td>

	49 <td class="center"><span>Three</span></td>

	50 <td class="start"><span>Four</span></td>

	51 <td class="end"><span>Five</span></td>

	52 <td class="dummy"><span>static text</span></td>

	53 </tr>

	54 </table>

	55 </body>

	56 </html>

OLD	NEW