Bug 14908 - search button is below textinput box at baidu.com
Summary: search button is below textinput box at baidu.com
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: 523.x (Safari 3)
Hardware: All All
: P2 Normal
Assignee: Nobody
URL: http://www.baidu.com
: 15261 (view as bug list)
Depends on:
Reported: 2007-08-08 21:47 PDT by Jungshik Shin
Modified: 2008-05-07 14:21 PDT (History)
3 users (show)

See Also:

text input box with a few different fonts (1.21 KB, text/html)
2007-08-09 14:43 PDT, Jungshik Shin
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Jungshik Shin 2007-08-08 21:47:57 PDT
'Veranda' is specified for the font. Somehow, Safari assigns a larger value to the text input box  than other browsers (FF and IE) and ends up pushing the search button below the input text box rather than to its right. 

It happens on both Windows and Mac OS X. On Windows, I tested with the latest version of Safari. On Mac OS X, I used Safari with a trunk build of WebKit.

Baidu is #1 search engine in China.
Comment 1 mitz 2007-08-09 01:54:01 PDT
Firefox also puts the button below the text field.
Comment 2 Jungshik Shin 2007-08-09 14:43:47 PDT
Created attachment 15888 [details]
text input box with a few different fonts 

Compare the width of text boxes with different fonts in Safari, IE, FF and Opera on Windows. 

On Mac OS X, FF has the same problem, but on Windows FF does not. Neither does Opera.  The root cause of this bug may be the same as that of bug 14907.
Comment 3 Jungshik Shin 2007-08-09 14:54:54 PDT
In Safari, I can type '12345690' 3 times and additional '123456' (i.e. exactly 36 digits) in attachment 15888 [details]. The size of text input field is 36, but in other browsers, I can enter only up to 29 or 30.  I wonder what other browsers use to determine the width.  It's not certain EM because it would make the width larger (rather than smaller) if it were EM they use. Anyway, a lot of web sites (in East Asia) seem to depend on the behavior of other browsers....

Comment 4 Robert Blaut 2008-02-16 04:45:44 PST
*** Bug 15261 has been marked as a duplicate of this bug. ***
Comment 5 Eric Seidel (no email) 2008-05-07 14:21:18 PDT
It has been hypothesized that other rendering engines use some sort of "multiplier" to account for the fact that fonts aren't monospace.  We use the "size" value as an em value for width, thus make the input wider.