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
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
Post a Comment