1274791 - Datalist drop-down rendering incorrectly

Status: UNCONFIRMED

(Core :: Layout: Form Controls, defect)

Description

[schm01978]

Attachment: A picture of the drop-down options rendering far to the left.

User Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:46.0) Gecko/20100101 Firefox/46.0
Build ID: 20160429154717

Steps to reproduce:

1. Enter some text in the text input field (connected to a datalist)
2. Delete text 
3. Enter some new text in the text input field



Actual results:

Initially the drop-down options appeared directly under the text input box as expected, but after deleting the text and entering something else the options rendered hundreds of pixels to the left.


Expected results:

The datalist options should appear under the text input. 

I am on Firefox 46.0 for Linux Mint. It seems to work great on FF mobile for Android (Tested on Nexus 7 and Samsung Galaxy S5... Nice UX for mobile datalist, by the way =D) The screenshot is from the following test page: http://sdlambert.github.io/datalist/multiple_lists.html.

Comment 1

[Loic]

Maybe Gtk stuff.

Comment 2

[schm01978]

I went to check the issue today and was not able to reproduce the issue. Marking as resolved/invalid.

Comment 3

[schm01978]

Attachment: datalist2.png

Another picture of the datalist drop-down rendering issue

Comment 4

[schm01978]

Sorry for the back and forth on this. 

So I was able to reproduce the issue but only at random. I can only say that it never occurs on the first time data is entered into the input selection, only on the second attempt or after. Once the selection options render incorrectly, they do not correct themselves or move again. The location of the drop-down is random. I've attached another screenshot for reference.