Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Firefox Navigation Problem #6

Open
Purushartha opened this issue Apr 12, 2012 · 8 comments
Open

Firefox Navigation Problem #6

Purushartha opened this issue Apr 12, 2012 · 8 comments

Comments

@Purushartha
Copy link

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.

@albertocini
Copy link

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.

@Purushartha
Copy link
Author

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!

@albertocini
Copy link

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!

@Tokenla
Copy link

Tokenla commented Apr 18, 2012

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.

@albertocini
Copy link

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

@w4tchout
Copy link

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.

@Tokenla
Copy link

Tokenla commented Apr 25, 2012

Thanks! The fix worked for me :)

@albertocini
Copy link

solved here too thanks!!!

w4tchout added a commit to w4tchout/GalleryView that referenced this issue Apr 26, 2012
…ts the image again so it doesn't turn blue (selected) when navigation button is pressed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants