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

Safari nav styling issue #65

Open
redone75 opened this issue Feb 5, 2016 · 5 comments
Open

Safari nav styling issue #65

redone75 opened this issue Feb 5, 2016 · 5 comments

Comments

@redone75
Copy link

@redone75 redone75 commented Feb 5, 2016

Running into an interesting issue on the latest version of Safari when utilizing the navigation/anchor linking combo.

We're utilizing a light gold color (#c6943f) in the design for the border color. When scrolling through the panels, the color of the inactive dots are randomly turning blue.

I recreated the issue on your demo by updating the #multiscroll-nav ul li a span to the color above (both in fill and border) and are seeing the same issue there. Images below:

multiscroll-safari-9-issue-css
multiscroll-safari-9-issue-1
multiscroll-safari-9-issue-2

Any insight would be greatly appreciated. Safari accounts for 25% of our current desktop views for this project, so anxious to find a solve.

Thanks.

@alvarotrigo

This comment has been minimized.

Copy link
Owner

@alvarotrigo alvarotrigo commented Feb 6, 2016

I can not reproduce the issue. Please create a jsfiddle or codepen where I can reproduce it.

@redone75

This comment has been minimized.

Copy link
Author

@redone75 redone75 commented May 3, 2016

This project went dormant for awhile, so this fell off my radar. It's back in play and the issue is still present.

I recreated the issue by downloading the latest zip and updated the border of the #multiscroll-nav span to match our design.

#multiscroll-nav span{
    border: 1px solid #c6943f;
}

You can see it in action within Safari 9.1 here:
http://redone.org/_dev/multiscroll/examples/example.html

As you'll scroll, you notice that the dot nav turns blue instead of staying the intended gold color. Maybe something to do with visited links?

@redone75

This comment has been minimized.

Copy link
Author

@redone75 redone75 commented May 3, 2016

Recorded a video showing the issue in action:
https://dl.dropboxusercontent.com/u/938980/multiscroll-safari.mp4

@alvarotrigo

This comment has been minimized.

@alvarotrigo

This comment has been minimized.

Copy link
Owner

@alvarotrigo alvarotrigo commented May 6, 2016

But having said that, I'm not able to reproduce it on the demo page on Safari 9.0. You can test it yourself in www.browserstack.com

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Linked pull requests

Successfully merging a pull request may close this issue.

None yet
2 participants
You can’t perform that action at this time.