Hello ,
i am using Angular with Ionic
i am using ion-tabs .
ion-tabs container , covers the entire screen
if you hover your mouse over your screen while inspecting (using element inspector) you can see it has a width of 100% and height of 100% , how ever it is not seen in normal view of application , but
the problem is :
when i have an element such as a div element or ion-item or etc … and i give it a click event
it won’t work , because user is basically clicking on the ion-tabs and not the content on screen .
i made sure this problem is because of ion-tabs element covering entire screen, when i changed it’s z-index to -1
and click listeners started working .
you also can try to inspect your page elements , you can see the only thing your inspector catches , is
ion-tabs element !
i don’t know why there is no topic like this or what am i probably doing wrong ?!
but this is so disappointing and disgusting , i hope i get a help ?
thanks !
4 posts - 2 participants