Bug: When using bootstrap.ui.typeahead, if you type the exact item, it won't let you select it

[tyronedougherty]

I noticed a bug when using this plugin with the typeahead plugin from bootstrap, it's present in the demo as well.

If you type the exact name of one of the selections, it will not let you add it to the chips, however if you type less than the full exact name, or don't use capital letters where the item in question uses them, it will let you select it.

For example, on the demo typing FaceBook will not let you hit enter and select the choice, but Facebook or typing Face and hitting enter will.

Any idea what is going on here?

[mohbasheer]

I'll check and let you know.

Thank you.

On Tue, Nov 22, 2016 at 12:16 PM Tyrone Dougherty [email protected]
wrote:

I noticed a bug when using this plugin with the typeahead plugin from
bootstrap, it's present in the demo
http://codepen.io/mohbasheer/pen/JXKLyY as well.

If you type the exact name of one of the selections, it will not let you
add it to the chips, however if you type less than the full exact name, or
don't use capital letters where the item in question uses them, it will let
you select it.

For example, on the demo typing FaceBook will not let you hit enter and
select the choice, but Facebook or typing Face and hitting enter will.

Any idea what is going on here?

—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
#20, or mute the
thread
https://github.com/notifications/unsubscribe-auth/AESlZx728G6-DBGvb0tOboebLyHhYjncks5rAmy2gaJpZM4K4_Yr
.

[tyronedougherty]

Thanks @mohbasheer, I had a quick look and couldn't figure out precisely why it was occurring. It would be great if you had any further insight into what was going on 😄

[Krishna-Agrawal]

@mohbasheer , @tyronedougherty have you figured out the solution?

[tyronedougherty]

@Krishna-Agrawal unfortunately I wasn't able to find out what was causing the issue, sorry I can't be of more help :(

Let me know if you ever figure it out!

[mohbasheer]

No man. I tried it but I couldn't. I may need to spend more time to figure this out. Thanks Mohammed Basheer

…

On Thu, 6 Jul 2017 at 3:35 PM, Tyrone Dougherty ***@***.***> wrote: @Krishna-Agrawal <https://github.com/krishna-agrawal> unfortunately I wasn't able to find out what was causing the issue, sorry I can't be of more help :( Let me know if you ever figure it out! — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#20 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AESlZ696Q7XtgBA0RTejTOkHrSdyhyPIks5sLI4kgaJpZM4K4_Yr> .

[Krishna-Agrawal]

Hi @mohbasheer , @tyronedougherty
I found a workaround for this.
While creating input field add typeahead-on-select callback.
<input ng-model-control ng-model="typeaheadmodel" uib-typeahead="company for company in typeahead.availableCompanies | filter:$viewValue" typeahead-on-select="onSelect($item)"></input>
and Add onSelect listener in ngModelControl directive and call render function directly.
Something like this :
scope.onSelect = function (item,model,label,event) { if(ngModelCtrl.$modelValue === item) ngModelCtrl.$render() }

[mohbasheer]

Ok. I'll check if possible create a pull request. Thanks Mohammed Basheer

…

On Thu, 6 Jul 2017 at 8:03 PM, Krishna Agrawal ***@***.***> wrote: Hi @mohbasheer <https://github.com/mohbasheer> I found a workaround for this. While creating input field add *typeahead-on-select* callback. <input ng-model-control ng-model="typeaheadmodel" uib-typeahead="company for company in typeahead.availableCompanies | filter:$viewValue" typeahead-on-select="onSelect($item)"></input> and Add *onSelect* listener in *ngModelControl* directive and call render function directly. Something like this : scope.onSelect = function (item,model,label,event) { if(ngModelCtrl.$modelValue === item) ngModelCtrl.$render() } — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#20 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AESlZ3q3f5BhKLP0u40pXYLSey0Z-W6mks5sLM0UgaJpZM4K4_Yr> .

[Krishna-Agrawal]

Thank you @mohbasheer :)

[Krishna-Agrawal]

Hi @mohbasheer
Could you please look that Pull Request and update the library,

Thanks and Regards
Krishna Agrawal

[mohbasheer]

Sure. Please give me some time I'll do it today.

…

On Fri, 7 Jul 2017 at 3:03 PM, Krishna Agrawal ***@***.***> wrote: Hi @mohbasheer <https://github.com/mohbasheer> Could you please look that Pull Request and update the library, Thanks and Regards Krishna Agrawal — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#20 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AESlZ4McY5SErdq5yv-Qt16oRaK8fUZsks5sLdgzgaJpZM4K4_Yr> .