CODEWITHSUNDEEP
htmlcssgoogle-chromeinputoverflow
lefoy
lefoy

Reputation: 1178

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

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/

Upvotes: 5

Views: 649

Answers (2)

lefoy
lefoy

Reputation: 1178

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)

Upvotes: 2

lefoy
lefoy

Reputation: 1178

It seems that this behavior is a bug in the new version of Chrome.

Here's the bug ticket, I hope it will be fixed soon.

https://code.google.com/p/chromium/issues/detail?id=304210&thanks=304210&ts=1380905932

Feel free to add any information about this bug.

Upvotes: 3

Related Questions