Bug 15262

Summary: REGRESSION: Margin-top:18px is pushing down the multiple select list box outside the div.
Product: WebKit Reporter: Anantha Keesara <anantha>
Component: Layout and RenderingAssignee: mitz
Status: RESOLVED FIXED    
Severity: Normal CC: adele, gsherloc, hyatt, mitz
Priority: P1 Keywords: HasReduction, InRadar, Regression
Version: 523.x (Safari 3)   
Hardware: All   
OS: All   
URL: http://callejero.terra.es/rutas_interurbanas.htm
Attachments:
Description Flags
Margin-top:18px is pushing down the multiple select list box outside the div.
none
Change listboxes to border-box sizing hyatt: review+

Anantha Keesara
Reported 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
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+
DetailsFormatted DiffDiff
View All Add attachment proposed patch, testcase, etc.
Anantha Keesara
Comment 1 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.
Gavin Sherlock
Comment 2 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.
mitz
Comment 3 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).
mitz
Comment 4 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.
mitz
Comment 5 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.
mitz
Comment 6 2007-09-26 14:24:37 PDT
Created attachment 16404 [details] Change listboxes to border-box sizing
Dave Hyatt
Comment 7 2007-09-27 08:49:45 PDT
Comment on attachment 16404 [details] Change listboxes to border-box sizing r=me
Mark Rowe (bdash)
Comment 8 2007-09-27 18:10:26 PDT
Landed in r25788.
Mark Rowe (bdash)
Comment 9 2007-09-27 18:11:01 PDT
<rdar://problem/5510720>
Note You need to log in before you can comment on or make changes to this bug.