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

Side by Side Diff: third_party/WebKit/LayoutTests/images/rendering-broken-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:

« no previous file with comments | « third_party/WebKit/LayoutTests/images/rendering-broken-block-flow-images.html ('k') | third_party/WebKit/LayoutTests/images/rendering-broken-images-empty-alt.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:25px; width:25px; background- color: green;"/> <br>

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

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

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

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

	11 </div>

	12

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

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

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

	16 2.<img src="test.jpg" style="height:50px; width:50px; background-color: green;"/ ><br>

	17 3.<img src="test.jpg" style="width:50px; background-color: green;"/><br>

	18 4.<img src="test.jpg" style="height:50px; background-color: green;"/><br>

	19 5.<img src="test.jpg" />

	20 </div>

	21

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

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

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

	25 2.<img src="" style="height:50px; width:50px; background-color: green;"/><br>

	26 3.<img src="" style="width:50px; background-color: green;"/><br>

	27 4.<img src="" style="height:50px; background-color: green;"/><br>

	28 5.<img src="" /><br>

	29 </div>

	30

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

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

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

	34 2.<img style="height:50px; width:50px; background-color: green;"/> <br>

	35 3.<img style="width:50px; background-color: green;"/> <br>

	36 4.<img style="height:50px; background-color: green;"/> <br>

	37 5.<img />

	38 </div>

	39

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

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

	42 1.<img src="" alt="alt text" style="height:25px; width:25px; background-color: g reen;"/> <br>

	43 2.<img src="" alt="alt text" style="height:50px; width:50px; background-color: g reen;"/> <br>

	44 3.<img src="" alt="alt text" style="width:50px; background-color: green;"/> <br>

	45 4.<img src="" alt="alt text" style="height:50px; background-color: green;"/> <br >

	46 5.<img src="" /> <br>

	47 </div>

	48

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

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

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

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

	53 3.<img alt="alt text" style="width:50px; background-color: green;"/> <br>

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

	55 5.<img alt="alt text"/> <br>

	56 </div>

	57

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

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

	60 1.<img src alt="alt text" style="height:25px; width:25px; background-color: gree n;"/> <br>

	61 2.<img src alt="alt text" style="height:50px; width:50px; background-color: gree n;"/> <br>

	62 3.<img src alt="alt text" style="width:50px; background-color: green;"/> <br>

	63 4.<img src alt="alt text" style="height:50px; background-color: green;"/> <br>

	64 5.<img src /> <br>

	65 </div>

	66 </div>

	67

OLD	NEW