UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.31 Safari/537.36

Steps to reproduce the problem:
Example: https://jsfiddle.net/dk323p8L/1/

1. Open this page and click on select.

---

HTML:

<select>
    <option value="">Click here...</option>
</select>

JS:

var timeout;

$('select').mousedown(function () {
	$('option:not(:first-child)').remove();
});

$('select').click(function () {
	var self = $(this);

	clearTimeout(timeout);
	timeout = setTimeout(function () {
		for(var i=0; i<5; i++) {
			self.append('<option>' + i + '</option>');
		}
	});
});

What is the expected behavior?
It should refresh the select in realtime, modifying the height to fit with the new items.

What went wrong?
The options are updated, but the select height is not increased, then user should move throught scroll to select an option (or reopen the select).

Did this work before? No 

Chrome version: 61.0.3163.31  Channel: beta
OS Version: 10.0
Flash Version: