Single Page, Nav Highlighting Stopped Working with B5 5

Hello,

I pulled your latest version (6.4) and found the on a single page, the navigation is no longer highlighted as I scroll. For example:

http://themes.semicolonweb.com/html/canvas/op-side-header.html

In the previous version, the links in the left nav were highlighted with the proper section as you scroll down. But this no longer happens.

Anything I can do? I am not a fan of single-page designs that do not highlight the section link.

Thanks.

I also thought the sub-menu would highlight the section you are on as well...

http://themes.semicolonweb.com/html/canvas/index-onepage-2.html

Might not be right about that but I wanted to mention it.

Thank you for the response.

Though I am sure your fix will address all the issues associated to this, I found a second issue with the nav highlighting. Once the user clicks a nav link, that link is highlighted in the nav. But as I scroll that highlight never goes away. A specific example:

• Go to: http://themes.semicolonweb.com/html/canvas/intro.html#section-onepage

• Scroll down a bit so the sub-nav list is displayed

• Click the Forms link... it will highlight properly.

• Scroll to the top of the page or far down. That Forms link is still highlighted.

Thank you for the fix. I confirmed it is now working as expected. But the movement is not natural IMHO. That initial delay is too long, and the overall movement is just slow. I took a video of my local development... https://youtu.be/Z87w-tIUDKQ

Is there a way to control the speed?

I added your plugins.min.js file to my locally checked out version of your entire theme and it is scrolling at a better speed... https://youtu.be/Z7OGQyHc3jE

Maybe the issue I noted in my previous comment is happening because of how I include the JS files? I use Gulp to minify and combine files. Can you clarify something for me...

Within op-side-header.html, you include the following, in the following order:

• js/jquery.js
• js/plugins.min.js
• js/functions.js

Within my Gulp process, I minify js/functions.js and combine js/jquery.js, js/plugins.min.js and the minified functions.js into a new file that I use in my design.

Do you see issues with minifying js/functions.js?

If this goes beyond the support you can give I will understand. But I had not seen this speed issue before I upgraded.

Looking forward to your response.

Update - I have made sure my gulp process matches the order of the files you include, and I do not perform any minification/modification on your files at all. I see the same slow speed. This means the only real difference between my 1 file JS strategy vs including all 3 files (like you do) should not really matter. Right? I still feel this is an issue with the new version. So I reverted to the previous version of Canvas (pre-BS5) and the scrolling worked without the same weird delay... https://youtu.be/MAbjKL5ewkM I think it is just an issue with the new Canvas version... but I can not figure out why. Any thoughts?

Update 2 - I have removed my single JS file, and instead include all three of the primary JS files directly from the ZIP I downloaded from Theme Forest. I still have the scrolling issue. Did anything change on the structure of the op-side-header.html that I need to now include? Kinda makes me nervous upgrading my other live websites to the latest canvas.

Thank you for the reply. I do not have my gulp project code in front of me, but I believe I include style.scss when building my CSS. I assume the order would be correct in there. I will confirm later tonight.

Thanks again.

It's all good. The BS 4->5 conversion is a pretty big change. If someone had just grabbed the latest version JS/CSS and uploaded it they would have been in trouble. I was surprised that there wasn't more specific information documented about the upgrade within your docs/communication. It will all work itself out soon.

Thank you for the reply. I ran a quick test and still see that same delay as before. I checked the files and the _content.scss and _misc.scss files you shared are the same exact files I already have. And _layouts.scss only has an extra line, but no code changes. Did you upload the right changes? Though I am Ok with waiting for your next release, I would also like to test and help you out (if I can).

I brought these files into my project and ran my Gulp script to build the CSS. I no longer see the delay as I previously had.

Do you know when this will be available in an actual Canvas version/release?

Thank you again for addressing this.