third_party/WebKit/LayoutTests/fast/inline-block/baseline-vertical.html - Issue 2523573003: Use logicalBottom when computing baselines in vertical-lr inline-blocks

Side by Side Diff: third_party/WebKit/LayoutTests/fast/inline-block/baseline-vertical.html

Issue 2523573003: Use logicalBottom when computing baselines in vertical-lr inline-blocks (Closed)

Patch Set: Platform baselines for the new layout test. Created 4 years 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 | « no previous file | third_party/WebKit/LayoutTests/platform/linux/fast/backgrounds/background-leakage-transforms-expected.txt » ('j') | third_party/WebKit/Source/core/layout/LayoutBlockFlow.cpp » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
(Empty)
	1 <!DOCTYPE html>

	2 <style>

	3 .float {

	4 float: left;

	5 margin-right: 10px;

	6 }

	7 .container {

	8 background: grey;

	9 text-orientation: sideways;

	10 }

	11 .container :nth-child(1) { font-size:12px; }

	12 .container :nth-child(2) { font-size:20px; }

	13 .container :nth-child(3) { font-size:30px; }

	14 .container :nth-child(4) { font-size:40px; }

	15 .item {

	16 display: inline-block;

	17 border-width: 2px 5px 3px 4px;

	18 border-style: solid;

	19 padding: 6px 3px 7px 8px;

	20 margin: 10px 6px 4px 12px;

	21 }

	22 .width200 { width: 200px; }

	23 .width125 { width: 125px; }

	24 .extraTopPadding { padding-top: 50px; }

	25 .extraBottomPadding { padding-bottom: 50px; }

	26 .extraLeftPadding { padding-left: 50px; }

	27 .extraRightPadding { padding-right: 50px; }

	28 .verticalLR { writing-mode: vertical-lr; }

	29 .verticalRL { writing-mode: vertical-rl; }

	30 .directionRTL { direction: rtl; }

	31 </style>

	32

	33 <div class="float">

	34 <p><b>VerticalLR</b> container<br>and <b>LTR</b>.</p>

	35 <div class="container width125 verticalLR">

	36 <div class="item">A</div><div class="item">A</div><div class="item">A</d iv><div class="item">A</div>

	37 </div>

	38 </div>

	39 <div class="float">

	40 <p><b>VerticalLR</b> container<br>and <b>RTL</b>.<br></p>

	41 <div class="container width125 verticalLR directionRTL">

	42 <div class="item directionRTL">A</div><div class="item directionRTL">A</ div><div class="item directionRTL">A</div><div class="item directionRTL">A</div>

	43 </div>

	44 </div>

	45 <div class="float">

	46 <p><b>VerticalLR</b> container and <b>LTR</b> with<br>extraPadding on 1st an d 3rd items.</p>

	47 <div class="container width200 verticalLR">

	48 <div class="item extraLeftPadding">A</div><div class="item">A</div><div class="item extraRightPadding">A</div><div class="item">A</div>

	49 </div>

	50 </div>

	51 <div class="float">

	52 <p><b>VerticalLR</b> container and <b>RTL</b> with<br>extraPadding on 1st an d 3rd items.</p>

	53 <div class="container width200 verticalLR directionRTL">

	54 <div class="item directionRTL extraLeftPadding">A</div><div class="item directionRTL">A</div><div class="item directionRTL extraRightPadding">A</div><di v class="item directionRTL">A</div>

	55 </div>

	56 </div>

	57 <div class="float">

	58 <p><b>VerticalRL</b> container<br>and <b>LTR</b>.</p>

	59 <div class="container width125 verticalRL">

	60 <div class="item">A</div><div class="item">A</div><div class="item">A</d iv><div class="item">A</div>

	61 </div>

	62 </div>

	63 <div class="float">

	64 <p><b>VerticalRL</b> container<br>and <b>RTL</b>.</p>

	65 <div class="container width125 verticalRL directionRTL">

	66 <div class="item directionRTL">A</div><div class="item directionRTL">A</ div><div class="item directionRTL">A</div><div class="item directionRTL">A</div>

	67 </div>

	68 </div>

	69 <div class="float">

	70 <p><b>VerticalRL</b> container and <b>LTR</b> with<br>extraPadding on 1st an d 3rd items.</p>

	71 <div class="container width200 verticalRL">

	72 <div class="item extraLeftPadding">A</div><div class="item">A</div><div class="item extraRightPadding">A</div><div class="item">A</div>

	73 </div>

	74 </div>

	75 <div class="float">

	76 <p><b>VerticalRL</b> container and <b>RTL</b> with<br>extraPadding on 1st an d 3rd items.</p>

	77 <div class="container width200 verticalRL directionRTL">

	78 <div class="item directionRTL extraLeftPadding">A</div><div class="item directionRTL">A</div><div class="item directionRTL extraRightPadding">A</div><di v class="item directionRTL">A</div>

	79 </div>

	80 </div>

OLD	NEW