third_party/WebKit/LayoutTests/fast/input/placeholder-wrongly-placed-if-too-tall.html - Issue 1499063002: input's placeholder is inconsistently laid out

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/input/placeholder-wrongly-placed-if-too-tall.html

Issue 1499063002: input's placeholder is inconsistently laid out (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Upgraded the test to js-test.js for real! Created 5 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:

OLD	NEW
(Empty)
	1 <!DOCTYPE html>

	2 <style>

	3 input {

	4 height: 26px;

	5 line-height: 29px;

	6 padding: 0 5px;

	7 border: none;

	8 border-bottom: 1px solid #888;

	9 outline: none;

	10 }

	11 </style>

	12 <div>Both inputs should be of the same size and the placeholder should be at the same place.</div>

	13 <div id="console"></div>

	14 <input type="text" placeholder="placeholder">

	15 <input type="text" placeholder="placeholder">

	16 <script>

	17 window.jsTestIsAsync = true;

	18

	19 var inputs = document.getElementsByTagName("input");

	20

	21 function checkInputs()

	22 {

	23 rect0 = inputs[0].getBoundingClientRect();

	24 rect1 = inputs[1].getBoundingClientRect();

	25 shouldBe("rect0.top", "rect1.top");

	26 shouldBe("rect0.height", "rect1.height");

	27

	28 finishJSTest();

	29 }

	30

	31 inputs[1].focus();

	32 // Forcing a layout in this frame makes the issue disappear.

	33 window.requestAnimationFrame(checkInputs);

	34 </script>

	35 <script src="../../resources/js-test.js"></script>

OLD	NEW