Bugzilla

Here's a reduced testcase to demonstrate the behavior differences here a bit.  When viewing this in Firefox, ensure you have "Always show scrollbars" checked in the Firefox preferences.

The first textarea is essentially what the Google search page uses in its initial rendering right now -- a textarea with rows=1.   Firefox with always-show-scrollbars renders it tall enough to show **2 lines of text** -- or rather 1 line and 1 possible-scrollbar -- as noted above.

The second textarea is a slight variant where I've added `word-wrap:normal` to make it more-possible for there to be horizontal overflow (though in this case there isn't any such overflow).  This makes Chrome agree with us and render it as tall enough to show 2 lines of text (which is an interesting inconsistency on their part when comparing these first two textareas).

The third and fourth textareas are the same as the first and second but with `overflow-x: hidden` added (which suppresses the horizontal scrollbar and makes it reliably render as only 1 line tall);  that's my strawman suggested-fix that we might ask Google to consider adding here for now.  This should be fine as long as they ensure there's no actual horizontal overflow, which I think they do.

Here's a reduced testcase to demonstrate the behavior differences here a bit.  When viewing this in Firefox, ensure you have "Always show scrollbars" checked in the Firefox preferences.

The first textarea is essentially what the Google search page uses in its initial rendering right now -- a textarea with rows=1.   Firefox with always-show-scrollbars renders it tall enough to show **2 lines of text** -- or rather 1 line and 1 possible-scrollbar -- as noted above.

The second textarea is a slight variant where I've added `word-wrap:normal` to make it more-possible for there to be horizontal overflow (though in this case there isn't any such overflow).  This makes Chrome agree with us and render it as tall enough to show 2 lines of text (reserving some space for a hoirzontal scrollbar), which is an interesting inconsistency on their part when comparing these first two textareas.

The third and fourth textareas are the same as the first and second but with `overflow-x: hidden` added (which suppresses the horizontal scrollbar and makes it reliably render as only 1 line tall);  that's my strawman suggested-fix that we might ask Google to consider adding here for now.  This should be fine as long as they ensure there's no actual horizontal overflow, which I think they do.