uib-typeahead doesn't close on blur on Safari iPhone/iPad

angular-ui / bootstrap

PLEASE READ THE PROJECT STATUS BELOW. Native AngularJS (Angular) directives for Bootstrap. Smaller footprint (20kB gzipped), no 3rd party JS dependencies (jQuery, bootstrap JS) required. Please read the README.md file before submitting an issue!

http://angular-ui.github.io/bootstrap/

MIT License

14.29k stars 6.73k forks source link

uib-typeahead doesn't close on blur on Safari iPhone/iPad #6478

Closed carolineBda closed 7 years ago

carolineBda commented 7 years ago

Bug description:

When typeahead is opened on a iPhone (safari) you can click any where on the page it doesn't closed.

Link to minimally-working plunker that reproduces the issue:

https://jsfiddle.net/carolineBda/rc88cb48/2/

Steps to reproduce the issue:

Open the jsfiddle on an iPhone 6 in Safari
type anything in the field
click elsewhere: the dropdown stay opened

Version of Angular, UIBS, and Bootstrap

Angular: 1.6.1

UIBS: 2.5.0

LCousot commented 7 years ago

I have the same issue. Could anybody help ? Thank you

carolineBda commented 7 years ago

Hello,

I've noticed that it is working on the demo website (dropdown close when clicking elsewhere on an iPhone): https://angular-ui.github.io/bootstrap/#!#typeahead

Would you know why it is not behaving the same on the jsfiddle ?

carolineBda commented 7 years ago

I found a fix for my problem which solve the closing of the dropdown and also the tooltips on iPhone and iPad.

I've just added on mobile devices the css rule: body { cursor: pointer; }

That's it!