338856 - {inc}Border, Float:Left, and Display:block causes select box to grow infinitely

Status: RESOLVED FIXED

(Core :: Layout: Form Controls, defect)

Description

[Andy]

User-Agent:       Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.0.3) Gecko/20060426 Firefox/1.5.0.3
Build Identifier: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.0.3) Gecko/20060426 Firefox/1.5.0.3

See attached link.

When resizing the window in either direction, the select box grows infinitely  (appears as though margin-right is reapplied to the select box). 

Reproducible: Always

Steps to Reproduce:
1. Resize the window to make the screen larger, notice size change.
2. Resize the window to make the screen smaller, notice size change.

Actual Results:  
The select box increases in width, no matter the direction of resizing the window.

Expected Results:  
The select box should grow when the window is made larger and shrink when window is made smaller.

Comment 1

[Andy]

Attachment: Select box grows infinitely

Comment 2

[Ralf Vitasek]

well i don't see any bug here.

it doesnt grow infinitly, it grows at most as 100% of the page.

it's just tag soup with an nested element that has 100% width and parent thats forced into an ugly in-between state of display block/inline because of the float left in the outer div.

remove the useless float:left in the outer div or the useless display:block from the label

Comment 3

[Andy]

I think you missed the point - just because you see an easier way to mark up (AN EXAMPLE!) doesn't mean a defect doesn't exist. This example has been stripped down to illustrate the <i>defect</i> in question. 

Yes, there are easier ways to mock this up - but calling "display:block" useless just doesn't make any sense. What if I want to set a width on a label so that they all have the same width? (eg: to markup a form without using tables)

I say, relax a little bit, get over yourself and give this one another read.

Thanks,
Andy

(In reply to comment #2)
> well i don't see any bug here.
> 
> it doesnt grow infinitly, it grows at most as 100% of the page.
> 
> it's just tag soup with an nested element that has 100% width and parent thats
> forced into an ugly in-between state of display block/inline because of the
> float left in the outer div.
> 
> remove the useless float:left in the outer div or the useless display:block
> from the label
> 

Comment 4

[Andy]

You are correct that it doesn't grow 'infinitly'; I didn't use the correct term here, so that I could be more direct.

More clearly: the select box seems to contiuosly re-apply the right-margin it has set in its style attribute. 

BTW, this affect occurs on FF for Mac, Win, and RedHat Linux.

Thanks,
Andy

(In reply to comment #2)
> well i don't see any bug here.
> 
> it doesnt grow infinitly, it grows at most as 100% of the page.
> 
> it's just tag soup with an nested element that has 100% width and parent thats
> forced into an ugly in-between state of display block/inline because of the
> float left in the outer div.
> 
> remove the useless float:left in the outer div or the useless display:block
> from the label
> 

Comment 5

[Jesse Ruderman]

Confirmed on Mac, trunk.

Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.9a1) Gecko/20060521 Minefield/3.0a1

Comment 6

[Steve England [:stevee]]

I do see this with:
Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.9a1) Gecko/2006120404 Minefield/3.0a1 [cairo]
Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.8.1.1) Gecko/20061206 BonEcho/2.0.0.1 ID:2006120603

I don't see this with:
Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.9a1) Gecko/2006120607 Minefield/3.0a1 [reflow]

adding {inc} to summary

Comment 7

[Steve England [:stevee]]

Weirdness observed with:
-  Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.9a1) Gecko/2006120606 Minefield/3.0a
(testcase 1px blue border grows wider as the browser window is resized)

No weirdness observed with:
- Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.9a1) Gecko/2006120804 Minefield/3.0a1
(testcase 1px blue border remains static)

-->RESOLVED FIXED 

Comment 8

[Ryan VanderMeulen [:RyanVM]]

Adding in-testsuite? nomination per bz's request in m.d.t.l. Sorry for the bugspam.