Ng2-select: Click event not working on firefox(50.1)

[Matiszak]

When selecting item from dropdown on firefox 50.1(probably on others too) clicking on text doesn't work. Only clicking on the right of the dropdown item causes selection.
Similar issue is when we click on ng2-select with selection( we want dropdown to show) - again clicking on text doesn't work, we have to click on the right.

After investigation it seems that span/div containing the name blocks click event from going upward to div containing ng2-select event bound. It seems be a problem only when span/div uses [innerHtml] directive because it somewhat messes up firefox event handling tree.

I checked ng2-select demo and somewhat it works, i guess it could be acting properely because it is precompiled and i'm compiling in browser. Can anyone confirm that this problem exists ?

I solved that issue by adding two statements style="pointer-events:none" and i can request merge with these changes but Iwant to make sure that others experience that error too.

[shin0]

@Matiszak I have the same problem in Chrome 55 whenever I put in custom html for the item text. I've had to click in the padding around the text, thanks for the workaround!

[DanielKucal]

I've got the same with html template on Chrome. @Matiszak, have you discovered the source of this issue? It's surely not compilation-related... Thanks for your work-around, it worked for me too.

[monica11]

+1 I am also facing the same issue. @Matiszak Can you please tell where did you add this line 'style="pointer-events:none"' ?

[DanielKucal]

@monica11 I'm not Matiszak, but I've made it this way:

PS: You can give +1 in post reactions...

[KarlXOL]

I have this issue on Safari/iPad. Thanks for this workaround!!

[Matiszak]

By your replies i see i'm not the only one experiencing this. I'll commit changes right after finishing my engineering work(friday).