UserAgent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/50.0.2661.87 Safari/537.36

Example URL:

Steps to reproduce the problem:
1. Open the attached test.htm in Google Chrome
2. Click the 'dropdown' button of the first input to view its datalist options
3. Nothing happens when pressing that button

What is the expected behavior?
After step 2, a list with datalist options should become visible.

What went wrong?
dropdown list for inputs with datalist doesn't open

Does it occur on multiple sites: Yes

Is it a problem with a plugin? No 

Did this work before? Yes 

Does this work in other browsers? Yes 

Chrome version: 50.0.2661.87  Channel: stable
OS Version: 6.1 (Windows 7, Windows Server 2008 R2)
Flash Version: 

After plenty of testing I found this issue to be very specific to a certain setup. You can solve the issue in the attached test.htm by modifying it in any of the following ways;
* change the name of the first input to anything but 'endPoint'
* change autocomplete to on for the first input (or remove the attribute)
* remove the last input (there need to be at least 3 inputs for this issue to persist)
* remove the form block

Please note that if there are multiple inputs with datalists and autocomplete="off" in the document, and the 'endPoint' input is in there as well; than all of the inputs will not show their respective datalists when clicking the 'dropdown' button. test2.htm showcases this behaviour.

The issue can be fixed on a page by running the below script. In the example of test2.htm it will fix it for all dropdowns even though the script only targets the 'endPoint' dropdown.
var endPoint=document.getElementsByName('endPoint')[0];
endPoint.setAttribute('autocomplete', 'off');

window.setTimeout(function(){
	endPoint.setAttribute('autocomplete', 'off');
},100);
 

Deleted: test.htm 369 bytes

test.htm 369 bytes View Download

Deleted: test2.htm 695 bytes

test2.htm 695 bytes View Download