GalleryView icon indicating copy to clipboard operation
GalleryView copied to clipboard

Firefox Navigation Problem

Open Purushartha opened this issue 13 years ago • 8 comments

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.

Purushartha avatar Apr 12 '12 11:04 Purushartha

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.

albertocini avatar Apr 14 '12 09:04 albertocini

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!

Purushartha avatar Apr 15 '12 03:04 Purushartha

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!

albertocini avatar Apr 15 '12 08:04 albertocini

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.

Tokenla avatar Apr 18 '12 22:04 Tokenla

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 :(

albertocini avatar Apr 19 '12 08:04 albertocini

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.

w4tchout avatar Apr 24 '12 15:04 w4tchout

Thanks! The fix worked for me :)

Tokenla avatar Apr 25 '12 15:04 Tokenla

solved here too thanks!!!

albertocini avatar Apr 25 '12 19:04 albertocini