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

[lasbrojen]

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:

2. 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:

Hope my explanation makes sense :-)

Kind Regards

[cvrebert]

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

[lasbrojen]

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]

X-Ref: #10828.

[lasbrojen]

I unfortunately had to edit Bootstrap JS!

Bootstrap.js

My own JS