NEW 14908
search button is below textinput box at baidu.com
https://bugs.webkit.org/show_bug.cgi?id=14908
Summary search button is below textinput box at baidu.com
Jungshik Shin
Reported 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.
Attachments
text input box with a few different fonts (1.21 KB, text/html)
2007-08-09 14:43 PDT, Jungshik Shin
no flags
Safari matches Firefox in input field (375.09 KB, image/png)
2023-05-07 00:30 PDT, Ahmad Saleem
no flags
mitz
Comment 1 2007-08-09 01:54:01 PDT
Firefox also puts the button below the text field.
Jungshik Shin
Comment 2 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.
Jungshik Shin
Comment 3 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....
Robert Blaut
Comment 4 2008-02-16 04:45:44 PST
*** Bug 15261 has been marked as a duplicate of this bug. ***
Eric Seidel (no email)
Comment 5 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.
Ahmad Saleem
Comment 6 2023-05-07 00:30:07 PDT
Created attachment 466258 [details] Safari matches Firefox in input field Original issue as per Comment 0 to push the text to next line seems to not exist. From Comment 02, it seems to be macOS vs Windows issue. ________________________ What issue - I get: 1) As seen from attached screenshot, we match Firefox but not Chrome Canary 115. 2) When I click on input field, the outline bottom is hidden behind below input field and same is with Firefox but in Chrome Canary 115, it is better shown across whole input field (could be just UX / UI issue). _____________________
Note You need to log in before you can comment on or make changes to this bug.