Marker within a state is showing it's popup only in HTML5
I created a custom button, a shape with a (+) marker within the states. It looks like this:
When testing in a browser, it works fine. The user can click either the circle, or the marker and it all functions well(shows a layer). However, when testing in mobile environments, if the user taps the (+) marker specifically, it shows the layer AND the built-in marker popup. I know if i check 'Audio only' when using markers, it won't open the marker popup. But the problem is, when the marker is within the state of the larger circle button, the option for 'audio only' is greyed out.
How can I prevent this popup from showing when its in a state?
BTW, the reason I added the marker in the states of the shape is to avoid excessive coding with hovers. Both the marker and the shape change colour when you hover over them, and its just a huge pain to do that when they are individual items; they flicker when you hover because the states don't always change that the same time. So, Adding the marker to the state streamlined my workflow, and made the button behave appropriately.
Hopeful for a fix,