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

Navbar/Scrollspy on touch device - :hover-state sticks when linking to anchor on current page #12692

Closed
lasbrojen opened this Issue Feb 11, 2014 · 4 comments

Comments

Projects
None yet
2 participants
@lasbrojen
Copy link

lasbrojen commented Feb 11, 2014

I worked hard all day to figure out this one.

I use Scrollspy and navbar to navigate on a single page.

  1. I have defined blue as the background color for the rollover in navbar:

1

  1. If I click on a link and afterwards scroll to the next anchor the link that I first clicked on  still got a blue background  _ and  the new anchor point has a blue background also:

2

Hope my explanation makes sense :-)

Kind Regards

@cvrebert

This comment has been minimized.

Copy link
Member

cvrebert commented Feb 11, 2014

Duplicate of #12256. This is simply how hover works in iOS.

@cvrebert cvrebert closed this Feb 11, 2014

@lasbrojen

This comment has been minimized.

Copy link

lasbrojen commented Feb 12, 2014

I have been doing some testing and I am sure it is the : hover issue: http://designshack.net/articles/css/are-hover-events-extinct/

I have not found a solution that works on a device that have a touchscreen and also a mouse.

@cvrebert

This comment has been minimized.

Copy link
Member

cvrebert commented Feb 12, 2014

X-Ref: #10828.

@lasbrojen

This comment has been minimized.

Copy link

lasbrojen commented Feb 27, 2014

I unfortunately had to edit Bootstrap JS!

Bootstrap.js
bootstrapjs

My own JS
myjs

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment