third_party/WebKit/LayoutTests/images/rendering-broken-block-flow-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-block-flow-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-1px-images.html ('k') | third_party/WebKit/LayoutTests/images/rendering-broken-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 <style>

	3 img {

	4 display: block;

	5 }

	6 </style>

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

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

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

	10 <p>Different dimensions</p>

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

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

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

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

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

	16 </div>

	17

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

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

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

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

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

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

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

	25 </div>

	26

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

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

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

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

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

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

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

	34 </div>

	35

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

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

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

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

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

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

	42 5.<img />

	43 </div>

	44

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

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

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

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

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

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

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

	52 </div>

	53

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

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

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

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

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

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

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

	61 </div>

	62

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

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

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

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

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

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

	69 5.<img src /> <br>

	70 </div>

	71 </div>

	72

OLD	NEW