third_party/WebKit/LayoutTests/fast/inline-block/vertical-align-top-and-bottom.html - Issue 1910053003: Get the right ascent/descent for the tallest vertically aligned container

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/fast/inline-block/vertical-align-top-and-bottom.html

Issue 1910053003: Get the right ascent/descent for the tallest vertically aligned container (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@396717-4

Patch Set: Updated Created 4 years, 7 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/TestExpectations ('k') | third_party/WebKit/LayoutTests/fast/inline-block/vertical-align-top-and-bottom-2.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 body {

	4 padding: 0;

	5 margin: 0;

	6 }

	7 .outside {

	8 font: 10px Ahem;

	9 }

	10 .inside {

	11 display: inline-block;

	12 width: 5px;

	13 }

	14 #top {

	15 height: 50px;

	16 vertical-align: top;

	17 }

	18 #bottom {

	19 height: 110px;

	20 vertical-align: bottom;

	21 }

	22 </style>

	23 <script src="../../resources/check-layout.js"></script>

	24 <div class="outside">

	25 <div id="top" class="inside"></div>

	26 <div id="bottom" class="inside"></div>

	27 <div id="line" style="display: inline-block;" data-total-y=110>crbug.com/604 144: In an inline formatting context with a mix of top and bottom vertically ali gned inline-blocks use the lowest.</div>

	28 </div>

	29 <div id="test-output"></div>

	30 <script>

	31 window.checkLayout("#line", document.getElementById("test-output"));

	32 </script>

OLD	NEW