Input losing focus when wrapped into label

[ebi]

Observed on Firefox 31 if the input that gets enhanced with typeahead is wrapped into a <label> tag it will focus and blur again right away.

[jharding]

Would you mind creating a jsbin or a jsfiddle? Just want to make sure I have a full understanding of the problem.

[ebi]

Sure just took the first example to initialize typeahead.js http://jsfiddle.net/ebii/adw3w3y1/5/

[ebi]

btw. the same behaviour worked before commit be9114d

[jharding]

Are you sure that commit broke it? The problem seems to stem from the fact that the hint element is inserted before the typeahead input, so when you click on the label, it'll try to focus on the hint, not the typeahead input.

[ebi]

Yes I'm pretty sure. I didn't try on the fiddle but bisected through the commits in my actual project, where it only started to happen after that commit.

[jpzwarte]

I've noticed the same thing here. Setting hint to false stops the input from losing focus immediately.

[zorkleplex]

+1 on FF 31 and FF 32.0.3 Chrome not having an issue. I set hint: false to work around.

[rgm]

My workaround is to back out be9114d after setting up the typeahead. That commit seems to be an IE8/IE9 fix and luckily we're not supporting those:

// do typeahead setup, etc., to get it in the DOM, then
var $hint = $("scope>to>typeahead>input.tt-hint");
$hint
  .prop("readonly", false)
  .prop("disabled", true);

Thanks @ebi for the detective work. Nice find.

[rgm]

(Just cross-referencing #839 since that seems to be the rationale for the be9114d change).

[user24]

Same occurs on iPad. jsbin demo: http://jsbin.com/pejuvajeqi/1/edit?html,js,console,output

Keyboard doesn't pop up when wrapped in label.

[einfallstoll]

Sad that this hasn't been fixed.

[user24]

Sad that I still haven't shipped the project I was working on last May when I made the comment above yours.

[0xbaigorria]

Unbelievable there's a bug like this! Drove me crazy for at least half an hour. 2014 when the issue has 1st been raised, still no fix? Sad.

To date, still broken, using Safari 11.0 (12604.1.38.1.7) on macOS Sierra (10.12.6).