Bug 11302 – Search button wrongly positioned at amnesty.se

• Component: Layout and Rendering
• Status: RESOLVED FIXED

The search button to the right on this page ("SÖK") isn't to the right of the search field, but below. Both Firefox and Opera render it to the right of the search field. 

For some reason the button doesn't fit on the same line, but is pushed down. Decreasing font size on the page puts the button in the right place.

Also, the target area of the button is much smaller in Safari/WebKit.

[Ingo Chao]

I don't think this is a bug. The computed width of a widthless (8pt verdana, sans-serif) input[text] is different in the browsers. A short test of an input's increase in width at various font sizes shows Safari's stepping as accurate, at least to me.

[Lars Rasmusson]

Created attachment 19063 [details]
Reduced the code to 37 lines of html to show the described behavior.

[Marcus]

Created attachment 20553 [details]
Further reduction

I modified Lars Rasmusson's attachment and  found this:

1. The default width of text input fields is larger in WebKit than in any other browser I tested (IE 7, Opera 9.2, Firefox 2 & 3). This probably caused the layout problem at amnesty.se.

2. There is a small margin between the left edge of the input field and the left edge of the surrounding div's box. No other browser renders this margin.

3. I made the width of the surrounding div smaller than the input field width. With float:right a horizontal scrollbar is expected, but the vertical scrollbar seems to be a bug. 

Tested with r31890, Windows XP.

[Marcus]

Comment on attachment 20553 [details]
Further reduction

The scrollbar issue is not related to this bug. See Bug 18969 .

[Robert Hogan]

It seems to me there isn't a bug here. Does anyone disagree?