Bug 11302 - Search button wrongly positioned at amnesty.se
Summary: Search button wrongly positioned at amnesty.se
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: 420+
Hardware: Mac OS X 10.4
: P3 Minor
Assignee: Nobody
URL: http://net11.amnesty.se/www/kontakt/a...
Keywords: NeedsReduction
Depends on:
Blocks:
 
Reported: 2006-10-15 08:44 PDT by jonathanjohnsson
Modified: 2013-01-29 12:48 PST (History)
2 users (show)

See Also:


Attachments
Reduced the code to 37 lines of html to show the described behavior. (967 bytes, text/html)
2008-02-11 02:13 PST, Lars Rasmusson
no flags Details
Further reduction (481 bytes, text/html)
2008-04-15 07:16 PDT, Marcus
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description jonathanjohnsson 2006-10-15 08:44:17 PDT
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.
Comment 1 Ingo Chao 2007-07-06 23:20:54 PDT
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.
Comment 2 Lars Rasmusson 2008-02-11 02:13:21 PST
Created attachment 19063 [details]
Reduced the code to 37 lines of html to show the described behavior.
Comment 3 Marcus 2008-04-15 07:16:47 PDT
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.
Comment 4 Marcus 2008-05-09 08:57:06 PDT
Comment on attachment 20553 [details]
Further reduction

The scrollbar issue is not related to this bug. See Bug 18969 .
Comment 5 Robert Hogan 2012-10-30 13:03:02 PDT
It seems to me there isn't a bug here. Does anyone disagree?