Missed 'Copy to clipboard' icon in Code Block when using content.code.copy and navigation.instant

[syntezzz1]

Context

#5471

Bug description

When updating mkdocs-material from 8.5.11 to 9.x.x (according to this instruction) the button for copying code blocks is missing. I added the content.code.copy feature, but the buttons never appeared. I tried to figure out which feature this feature might conflict with and realized that the features content.code.copy and navigation.instant do not work at the same time. When navigation.instant is disabled, copy buttons appear.

Related links

• Reporting a bug
• Upgrading from 8.x to 9.x
• Code copy button
• Instant loading

Reproduction

codeblock_issue.zip

Steps to reproduce

1. Unpack the archive and go to the directory codeblock_issue

uzip codeblock_issue.zip 
cd codeblock_issue

2. Run the command:

mike deploy --update-aliases v.1.1.1

3. Make sure that in the file site/Index.html there are buttons for copying code blocks
4. Open the file mkdocs.yml and uncomment the line - navigation.instant
5. Run the command:

mike deploy --update-aliases v.1.1.1

6. Make sure that in the file site/Index.html there are no buttons for copying code blocks

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.

[squidfunk]

Thanks for reporting. Does it work locally when running mkdocs serve?

[syntezzz1]

Thanks for reporting. Does it work locally when running mkdocs serve?

Sorry, forget about --update-aliases.

Yes, it works with mkdocs serve

[squidfunk]

Then it is very likely related to one of the other plugins. The example you provided is far from being minimal – there are 3 third-party plugins involved: img2fig, awesome-pages and mike. Please further reduce the example so that only the necessary plugins and extensions are present, i.e., it is minimal, because the error could be induced by any of them. With that many dependencies, we're not able to help you.

Also look in the browser console and check if there are errors. If there are, please post them here. If you have your site deployed, please post a link to your site. Thank you.

[syntezzz1]

Sorry, I double-checked again. With mkdocs serve both features work. The error is caused precisely when executed via mike deploy --update-aliases v.1.1.1. Is mike probably the problem?

I have removed all these plugins, everything remains the same. There are no errors in the logs when executing mike deploy --update-aliases v.1.1.1.
Here is the archive without plugins:
codeblock_issue.zip

[squidfunk]

There are errors in the console in your 9.1.8 deployment, complaining about missing files. Those errors do not appear on your 8.5.11 deployment. Please fix those and check whether the issue persists:

Converting to discussion, since this doesn't look like an issue with Material for MkDocs.

[syntezzz1]

Yes, I fixed them and now the problem doesn't persist. Thank you very much.