Instant Previews disable content tabs

[lampensau]

Context

No response

Bug description

Using the instant preview feature on a document heading that includes a content tab will disable the content tabs inside the section after previewing (hovering) the link.

Initial state:

After hovering the preview link:

To view a content tab's content again, the user must click its heading or reload the page, making the content much easier to overlook.

Related links

• Reporting a bug
• Instant previews
• ⚡️ New: Instant Previews #6704
• Instant Preview w/ Content Tab #6875

Reproduction

9.5.30+insiders.4.53.11-instant-preview-disables-tabs.zip

Sidenote: Why does the mkdocs-material-insiders repository currently report the 9.5.29 as latest version?

Steps to reproduce

1. Install and enable material insiders theme
2. Enable and configure the Markdown extensions pymdownx.superfences, and pymdownx.tabbed using the alternate_style
3. Use the instant preview feature to a document heading containing one or multiple content tabs. Content tabs only get disabled if the instant preview tooltip includes them.

Note: I found no real difference between the different options to enable instant previews; the minimal reproduction uses the method relying on the attr_list Markdown extension.

Browser

Chrome, Edge, Firefox

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. Confirmed. I'll look into it.

[squidfunk]

Fixed in 1e58ebecc. The problem was that for content tabs on the same page there were elements with the same id, and if the preview comes before those content tabs, it influenced the actual content tabs. Content tabs should now work as expected inside previews. Can you confirm? Please note that this is still an experimental feature.

[lampensau]

Appreciated!

[lampensau]

I think I found another (edge-) case?

Using the anchor link configuration for pymdownx.tabbed will still disable the content tabs when using the link preview:

markdown_extensions:
  - pymdownx.tabbed:
      slugify: !!python/object/apply:pymdownx.slugs.slugify
        kwds:
          case: lower

[squidfunk]

Could you please create another issue with a minimal reproduction? You can keep the issue itself brief, just link to this issue for context.

[squidfunk]

Released as part of 9.5.31+insiders-4.53.12.