Google Chrome v.30 : CSS overflow attribute on input elements cause other inputs to jump on focus state

Question

This bug seems to only appear on Chrome version 30.0 +

When I focus on an input element with overflow: hidden, it cause other input elements to jump. Any idea why this happen?

Fiddle : http://jsfiddle.net/8JHd6/3/

Answer 1

Here's the official review : https://codereview.chromium.org/26454004

r155341 (https://codereview.chromium.org/21414002) made us follow the CSS spec for the alignment of overflow: hidden; in combination with display: inline-block;. Unfortunately, that had the side-effect of changing the baselines for elements, because we internally implement them as inline-blocks. This CL overrides the baseline computation so that they align the same way with or without overflow.

(NOTE: Any websites that were broken by this can fix it by just removing overflow: hidden, because it has no effect on elements)