1106946 - datalist options should not be truncated to the width of the input

Status: NEW

(Core :: Layout: Form Controls, defect)

Description

[Matt Stow]

Attachment: firefox-datalist-option-truncation.png

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:33.0) Gecko/20100101 Firefox/33.0
Build ID: 20141011015303

Steps to reproduce:

See http://jsfiddle.net/stowball/b6axugr1/

Which is essentially this:

<input type="text" list="list" style="width: 90px;" />
<datalist id="list">
    <option>A normal length</option>
    <option>An even longer length</option>
    <option>A ridiculously large length muahahaha</option>
</datalist>


Actual results:

When you type, the options popup length is restricted to the width of the input and long options have an ellipsis. This makes searching for longer names much harder.


Expected results:

The option widths should not be truncated (to match Chrome & IE), and to match the behaviour of select options.

Comment 1

[Jonathan Watt [:jwatt]]

Mass bug change to replace various 'parity' whiteboard flags with the new canonical keywords. (See bug 1443764 comment 13.)

Comment 2

[vee w]

This is big problem when the input design must be limited width but the datalist should display longer text than the input itself.

In GoogleChrome, it can display the datalist longer and very beautiful.