gfranko / jquery.selectBoxIt.js

A jQuery Select Box Plugin for Mobile, Tablet, and Desktop
http://www.selectboxit.com
MIT License
852 stars 301 forks source link

Mobile Phones - SelectboxIt clickable even when behind other elements #374

Open Antevirus opened 7 years ago

Antevirus commented 7 years ago

Hello.

I am experiencing an issue with SelectboxIt on mobile phones. Its clickable behind other elements.

Example site (sorry its in swedish): https://harnopizzeria.se/

The selectboxit is clickable through the cart at the bottom and also the "Till kassan" button after you add a product.

I've tried to prevent bubbling with e.stopPropagation() and e.stopImmediatePropagation() on the "Till kassan" button and even the cart itself, without success. No matter what i do i can activate the selectboxit through the cart. No other elements behave this way.

Any ideas?

--- Want to back this issue? **[Post a bounty on it!](https://www.bountysource.com/issues/42598038-mobile-phones-selectboxit-clickable-even-when-behind-other-elements?utm_campaign=plugin&utm_content=tracker%2F23157&utm_medium=issues&utm_source=github)** We accept bounties via [Bountysource](https://www.bountysource.com/?utm_campaign=plugin&utm_content=tracker%2F23157&utm_medium=issues&utm_source=github).
Antevirus commented 7 years ago

Fixed.

.selectboxit-container .selectboxit-options had a very high z-index, 999999. Had to make sure my cart had a higher z-index.