css - Bootstrap Tokenfield does not work in mobile Safari/iOS 8 -


i using bootstrap tokenfield instrument email textbox support multiple email input.

user types letter a in email textbox (the 1 red font in picture) . list of matched emails show in selection menu (the box shows email abc@gmail.com in black)

after user clicks , selected email, selected value not captured. @ end got letter a in email textbox

enter image description here

how can fix issue?

it turns out using fastclick in project. swallowed click event of selection menu (of css class tt-selectable) used bootstrap-tokenfield

at end solution. fork twitter typeahead.js project , change following line

$el = $(that.templates.suggestion(context)).data(keys.obj, suggestion).data(keys.val,  that.displayfn(suggestion)).addclass(that.classes.suggestion + " "  + that.classes.selectable); 

to

$el = $(that.templates.suggestion(context)).data(keys.obj, suggestion).data(keys.val,  that.displayfn(suggestion)).addclass(that.classes.suggestion + " "  + that.classes.selectable + " needsclick"); 

the additional css class needsclick disable fastclick on elements


Comments

Popular posts from this blog

c# - Binding a comma separated list to a List<int> in asp.net web api -

how to prompt save As Box in Excel Interlop c# MVC 4 -

xslt 1.0 - How to access or retrieve mets content of an item from another item? -