Bug 15262 - REGRESSION: Margin-top:18px is pushing down the multiple select list box outside the div.
Summary: REGRESSION: Margin-top:18px is pushing down the multiple select list box outs...
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: 523.x (Safari 3)
Hardware: All All
: P1 Normal
Assignee: mitz
URL: http://callejero.terra.es/rutas_inter...
Keywords: HasReduction, InRadar, Regression
Depends on:
Blocks:
 
Reported: 2007-09-22 22:24 PDT by Anantha Keesara
Modified: 2007-09-27 18:11 PDT (History)
4 users (show)

See Also:


Attachments
Margin-top:18px is pushing down the multiple select list box outside the div. (502 bytes, text/html)
2007-09-22 22:25 PDT, Anantha Keesara
no flags Details
Change listboxes to border-box sizing (34.57 KB, patch)
2007-09-26 14:24 PDT, mitz
hyatt: review+
Details | Formatted Diff | Diff

Note You need to log in before you can comment on or make changes to this bug.
Description Anantha Keesara 2007-09-22 22:24:39 PDT
I .Steps:
-----------
1. Go to: http://callejero.terra.es/rutas_interurbanas.htm

II. Issue:
-----------------
Notice the alignment of the "Configuracion  de la ruta" button- it is overlapping the fields above it.

III. Other browsers:
-------------------
IE, FF, Opera: doesn't have this issue
Comment 1 Anantha Keesara 2007-09-22 22:25:36 PDT
Created attachment 16357 [details]
Margin-top:18px is pushing down the multiple select list box outside the div.
Comment 2 Gavin Sherlock 2007-09-22 23:18:34 PDT
This does not happen in release Safari on the Mac, but does happen in the nightly (25699), so is a regression.
Comment 3 mitz 2007-09-23 00:27:21 PDT
This just comes down to the fact that the WebKit listbox is 2px wider than the Gecko one. (In the test case, this makes it not fit on the same line with the non-breaking space and therefore it is place one line below and thus overflows the red box).
Comment 4 mitz 2007-09-24 03:06:39 PDT
What it really comes down to is that html4.css gives listboxes a -webkit-box-sizing value of 'initial', which is 'content-box'. In Firefox they behave like they have box-sizing: border-box.
Comment 5 mitz 2007-09-25 14:25:29 PDT
WinIE also treats listboxes as box-sizing: border-box, although you can't change the default border. Both in quirks mode and in strict mode.
Comment 6 mitz 2007-09-26 14:24:37 PDT
Created attachment 16404 [details]
Change listboxes to border-box sizing
Comment 7 Dave Hyatt 2007-09-27 08:49:45 PDT
Comment on attachment 16404 [details]
Change listboxes to border-box sizing

r=me
Comment 8 Mark Rowe (bdash) 2007-09-27 18:10:26 PDT
Landed in r25788.
Comment 9 Mark Rowe (bdash) 2007-09-27 18:11:01 PDT
<rdar://problem/5510720>