Extra tabs in case content.tabs.link is enabled, get switched to another tab while scrolling.

[AdityaGarg8]

Context

No response

Bug description

I have created a webpage with content.tabs.link enabled. Link: https://adityagarg8.github.io/wiki/guides/wifi-bluetooth/. In this webpage you can see, there are 2 sections, On macOS and On Linux. On macOS section has tabs by the name of Method 1, Method 2 and Method 3. On Linux section also has these 3 tabs + 1 additional Method 4 tab. If I choose the method 4 tab, and start scrolling, it resets to the tab which has been selected in the On macOS section.

Related links

• Reporting a bug
• Content tabs

Reproduction

I am unable to make a zip file since I am getting the error: The "info" plugin is not installed. So I am sending the repository as a zip.
wiki.zip

Steps to reproduce

1. Open https://adityagarg8.github.io/wiki/guides/wifi-bluetooth/
2. Go to the On Linux section there
3. Choose the tab having Method 4
4. Scroll the page, the tab switches to some other tab

Browser

No response

Before submitting

• I have read and followed the bug reporting guidelines.
• I have attached links to the documentation, and possibly related issues and discussions.
• I assure that I have removed all customizations before submitting this bug report.
• I have attached a .zip file with a minimal reproduction using the built-in info plugin.

[squidfunk]

Thanks for reporting. Please provide a minimal reproduction, not your entire repository. The error might be hiding in your customizations, so we need to be sure it originates from our code. Using the info plugin is absolutely mandatory. Make sure to upgrade Material for MkDocs as well. We might have fixed it in a subsequent version. Thus, please follow our bug reporting guide carefully and provide a clean and minimal reproduction that showcases the issue.

We can reopen this issue once you provide the reproduction.

[AdityaGarg8]

Hello @squidfunk

I managed to create a minimal reproduction zip. Apparently, info plugin wasn't working in macOS, but I succeeded on Linux.
9.5.25-content-tabs-link-bug.zip

[AdityaGarg8]

Steps to reproduce

1. Open wifi-bluetooth guide in the docs folder in the zip.
2. Go to the On Linux section there
3. Choose the tab having Method 4
4. Scroll the page, the tab switches to some other tab

[squidfunk]

Confirmed, thanks for the reproduction. I'll look into it.

[squidfunk]

Fixed in 1cc45d5. It was related to the changes introduced in #7232. to compute the indicator for nested content tabs, which led to each content tab container being remounted on visibility. The applied changes should mitigate both issues.

[AdityaGarg8]

Fixed in 1cc45d5. It was related to the changes introduced in #7232. to compute the indicator for nested content tabs, which led to each content tab container being remounted on visibility. The applied changes should mitigate both issues.

Thanks. It works now.

[squidfunk]

Released as part of 9.5.26.