Firefox Navigation Problem
While using arrow navigation in firefox, when you click buttons, entire image gets selected. I tried to solve this myself but have not been successfull.
Got same problem here, i thought to move arrows outside the gallery box, but i have got a 960px slider so this solution can't work good for iPad and mobile.
Hmmm.....I think the problem is somehow related to the arrow images being defined as background images in the css, and not as foreground image through html tags. I tried zindexing it above all other elements and could not fix the issue. Anyways, thank you for your time. Regard!
try this: -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
it did not resolve for me, but maybe helps you!
I am having the same issue in Firefox. When selecting the arrow to the right or left of the image, the entire image is selected giving it a blue overlay. I looked in the css to see if I could find the style for that blue, but didn't have any luck.
hi tokenla, that blue is only the selected effect, you can't find it in css... we are waiting for a feedback by the programmer about this issue :(
I am not sure why the whole image gets selected. There's a simple way to solve it though. Add this line to the showNext function:
document.getSelection().removeAllRanges();
The above line deselects anything that has been selected. It's rather a solution than a fix for the actual problem, but it works :) The showNext function would look like this when you're finished:
showNext: function() {
this.navAction = 'next';
this.showItem(this.frameIterator+1);
document.getSelection().removeAllRanges(); // fixes selection of item
},
To make it deselect when you hit the previous button, add it to the showPrev function too.
Thanks! The fix worked for me :)
solved here too thanks!!!