Clicking on the cross to remove an option in multi-select box of Angular-UI-Select redirects to app home

[robinmitra]

I have an AngularJS app with multiple routes. On one of the pages, I'm using Angular-UI-Select.

Clicking on the cross button to remove an option in the multi-select box of Angular-UI-Select redirects to the home of the app, instead of removing the option.

I think the reason for this issue could be that the URL already has a # at the app home, and the cross button is also linking to # causing the browser to redirect to the home. I have manually changed href="#" to href for the cross button in the ui-select's template, which has fixed the issue.

Is there a workaround for this without needing the change that I made? Otherwise, I could submit my pull request if you would like.

I have also created a question for this on Stack Overflow.

[dimirc]

Maybe could be related to #185 that was solved yesterday but is on master only. I'll be releasing a new version 0.7.1 in a while to update from bower. Anyway check first if it's the same and let me know to close this issue if that's the case.

[cgross]

Also encountering this issue.

[pderksen]

Also experiencing similar unexpected behavior when removing a tag by clicking on the "x". Backspace/delete does not cause the same issue.

[pderksen]

Added this to part of my PR for another issue.

https://github.com/pderksen/ui-select/commit/a6cb30904ac3cc97da39b079aa360f7d7d2a7716

[nadersoliman]

+1

[tvervest]

great fix and addition to the library! +1

[redmagic]

Would it not be an option to add the event to $select.removeChoice($index) in the templates, like $select.removeChoice($index, $event) and stop the event from propagating if the event parameter is present?

[dimirc]

@redmagic will be better to open a different issue for that feature request

[dimirc]

The fix for this issue landed as 64dc9af