Nav links toggle format with each click

[pamolloy]

Problem

Navigation links toggle format with every click.

Reproducible Project

Navigate to any instance and click on any link in wy-nav-side. It will move to the corresponding header, make the link bold and the background darker. Then click on the link again and it will remove the bold and background formatting. It toggles with every click.

Expected Results

The format doesn't toggle with each click.

[pamolloy]

I noticed this when trying to extend this theme within our project without forking the theme. For some reason when I modified wy-nav-side to float it broke the Javascript attached to the links. The first time I click on a link generated from our project it moves the page to the link. Only on the second and each following click does it move the page to the corresponding header.

It seems to be related to the following line:

sphinx_rtd_theme/src/theme.js

Line 91 in 5d0a396

$("[data-toggle='wy-nav-shift']").removeClass("shift");

Using the breakpoint functionality in Firefox's Developer Tools shows that in this case the page moves to the corresponding header, but then back up to the link.

I'm certainly not a web programmer, but it seems like this should be a lot simpler.

[stsewd]

Attaching a screenshot about the problem. Clicking on "LIBCLOUD_PROVIDERS" will toggle between bold and no-bold https://django-storages.readthedocs.io/en/latest/backends/apache_libcloud.html#libcloud-providers

[stsewd]

Looks like we already have this reported at #306