third_party/WebKit/LayoutTests/images/rendering-broken-1px-images.html - Issue 2593263003: Use a non-replaced inline container for image alt text

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/images/rendering-broken-1px-images.html

Issue 2593263003: Use a non-replaced inline container for image alt text (Closed)

Patch Set: Use a non-replaced inline container for image alt text 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/images/rendering-broken-16px-images.html ('k') | third_party/WebKit/LayoutTests/images/rendering-broken-block-flow-images.html » ('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>

	2 <p>crbug.com/644802: Render alt text per html5 spec</p>

	3 <div style="columns:4; -moz-columns: 4; height: 800px;">

	4 <div style="break-inside: avoid;">

	5 <p>Different dimensions</p>

	6 1.<img src="test.jpg" alt="alt text" style="height:1px; width:1px; background-co lor: green;"/> <br>

	7 2.<img src="test.jpg" alt="alt text" style="width:1px; background-color: green;" /><br>

	8 3.<img src="test.jpg" alt="alt text" style="height:1px; background-color: green; "/><br>

	9 4.<img src="test.jpg" alt="alt text" style="background-color: green;"/>

	10 </div>

	11

	12 <div style="break-inside: avoid;">

	13 <p>Different dimensions, no alt text</p>

	14 1.<img src="est.jpg" style="height:1px; width:1px; background-color: green;"/><b r>

	15 2.<img src="est.jpg" style="width:1px; background-color: green;"/><br>

	16 3.<img src="est.jpg" style="height:1px; background-color: green;"/><br>

	17 4.<img src="est.jpg" />

	18 </div>

	19

	20 <div style="break-inside: avoid;">

	21 <p>Different dimensions, no alt text, src = ""</p>

	22 1.<img src="" style="height:1px; width:1px; background-color: green;"/><br>

	23 2.<img src="" style="width:1px; background-color: green;"/><br>

	24 3.<img src="" style="height:1px; background-color: green;"/><br>

	25 4.<img src="" /><br>

	26 </div>

	27

	28 <div style="break-inside: avoid;">

	29 <p>Different dimensions, no alt text, no src</p>

	30 1.<img style="height:1px; width:1px; background-color: green;"/> <br>

	31 2.<img style="width:1px; background-color: green;"/> <br>

	32 3.<img style="height:1px; background-color: green;"/> <br>

	33 4.<img />

	34 </div>

	35

	36 <div style="break-inside: avoid;">

	37 <p>Different dimensions, alt text, src = ""</p>

	38 1.<img src="" alt="alt text" style="height:1px; width:1px; background-color: gre en;"/> <br>

	39 2.<img src="" alt="alt text" style="width:1px; background-color: green;"/> <br>

	40 3.<img src="" alt="alt text" style="height:1px; background-color: green;"/> <br>

	41 4.<img src="" /> <br>

	42 </div>

	43

	44 <div style="break-inside: avoid;">

	45 <p>Different dimensions, alt text, no src</p>

	46 1.<img alt="alt text" style="height:1px; width:1px; background-color: green;"/> <br>

	47 2.<img alt="alt text" style="width:1px; background-color: green;"/> <br>

	48 3.<img alt="alt text" style="height:1px; background-color: green;"/> <br>

	49 4.<img alt="alt text"/> <br>

	50 </div>

	51

	52 <div style="break-inside: avoid;">

	53 <p>Different dimensions, alt text, src = </p>

	54 1.<img src alt="alt text" style="height:1px; width:1px; background-color: green; "/> <br>

	55 2.<img src alt="alt text" style="width:1px; background-color: green;"/> <br>

	56 3.<img src alt="alt text" style="height:1px; background-color: green;"/> <br>

	57 4.<img src /> <br>

	58 </div>

	59 </div>

	60

OLD	NEW