Ngx-bootstrap: TABS fired select event

[Sir-J]

TABS fired select event if I allocated value in input.

"ngx-bootstrap": "^2.0.2",

[IlyaSurmay]

Please provide a reproduction of this issue.
You can use one of the starter templates:
Plunkr: https://plnkr.co/edit/0NipkZrnckZZROAcnjzB?p=preview
StackBlitz: https://stackblitz.com/edit/ngx-bootstrap?file=app%2Fapp.module.ts

[runeabrahams1]

@IlyaSurmay Reprod:
https://plnkr.co/edit/uL5wXt3W1nKsBYusR2Z4?p=preview

Just select the text in the input-field. This will trigger the (select) output of the tab, as can be seen by the console print

[Sir-J]

When going to be fix this bug?

[apiscevs]

Any update on this bug?

[JayFialkowski]

According to this issue on Angular's repo, this is expected behavior of angular. (event) listeners will listen for @Output() events and DOM events. Components should avoid using DOM event names. (select) should probably be renamed to something like (tabSelect)

[clabough]

I also believe that if they change the event name to something else, that this would fix this issue. Until then, put this in the event(s) that the (select) triggers.

(select)="doThisOnSelect($event)

doThisOnSelect(ev?: any)
{
if (!(ev instanceof TabDirective)) return;
...
}

[seanforyou23]

Had same issue in version ^3.0.0, @clabough recommendation fixed it for me.

[globallpoints]

Same issue here! Isn't there any different event for that?

[grubeninspekteur]

FYI, if someone else stumbles upon it: Together with this Firefox bug (nsLayoutUtils::GetNearestScrollableFrame) the browser tab may crash if child elements of the tab are removed in the (select) callback.

[sgentile]

thank you @clabough - your fix worked for me as well

[johnfrades]

Awesome, @clabough solution worked. Thanks!

[Y4SHVINE]

@clabough solution worked for me as well Thank you !!!! 👍 👍