<label><select></label> doesn't open when clicked

I have something like this:

<label>
   <select id='x'>...</select>
</label>

new Choices(document.getElementById('x'))

But I can’t click it. I can press spacebar on it just fine, though.

It seems like it opens the dropdown, then closes it immediately:

            } else if (this.passedElement.type === 'select-one' && target !== this.input && !this.dropdown.contains(target)) {
              this.hideDropdown(true);
            }

this is indeed !== this.input. and this.dropdown indeed doesn’t have target:

What happens here is that two click events happen.

[DanielRuf]

I see the same issue. When it is wrapped in the label it does not work.

Chrome 62 stable on macOS 10.12

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.