208897 - a text and a select box inside a div with width:auto inside a table cell do not both render

Status: RESOLVED FIXED

(Core :: Layout: Form Controls, defect)

Description

[Steven Mackenzie]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.4) Gecko/20030609
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.4) Gecko/20030609

Mozilla is making the select box on this page
http://www.sjmac.eclipse.co.uk/mztest/divintable.html
invisible when there is plenty of room below the text input to render it. (Also
see the fixed page, linked from the example page).

The DOM inspector shows the select control shrunk to an invisible size.

So, explicitely setting the size of the div (eg width:10em) allows the form
elements to stack, even though the size of the div may be the same on the screen.

Also, removing the width:100% from the form elements forces them in to a linear
rendering.

Reproducible: Always

Steps to Reproduce:
1. Load http://www.sjmac.eclipse.co.uk/mztest/divintable.html
2. Load http://www.sjmac.eclipse.co.uk/mztest/fixeddivintable.html
3. Scratch head

Actual Results:  
The first selector in URL 1 is invisibly rendered.

Expected Results:  
The selector should have been rendered below the text input.

Comment 1

[Boris Zbarsky [:bzbarsky]]

Sounds related to other issues with percentage widths on replaced inlines
referring to percentage of available space, not cb width...

Comment 2

[Boris Zbarsky [:bzbarsky]]

Attachment: The testcase

Comment 3

[Boris Zbarsky [:bzbarsky]]

This got fixed between 2004-02-02-09 and 2004-02-03-10, almost certainly by bug
232754.