Language-specific Code Tabs (Code blocks) broke referenced links

[bruno-alencar]

🐛 Bug Report

Hi,

I'm using some referenced links and I've had a problem, to use the new feature Coding blocks.

Referenced markdown links:

I've tried to use the Language-specific Code Tabs

After that, my links have been broken.

To Reproduce

1. Add the example page on docusaurus docs

https://raw.githubusercontent.com/bruno-alencar/issue-docusaurus/master/test.md

2. Remove comments (DOCUSAURUS_CODE_TABS, JavaScript, END_DOCUSAURUS_CODE_TABS)

and the link [Link][test-link] will work.

Expected behavior

If you put directly the link without reference.

Actual Behavior

If you put link code after the comment block, the links broke.

Reproducible Demo

https://github.com/bruno-alencar/issue-docusaurus/blob/master/test.md

[cuddergambino]

I'm also getting the same issue.

Only way I've found to workaround (other than manually link all references) is to include the link reference before and after the code block.

Example:

[test-link]: https://github.com "Github page"

<!--DOCUSAURUS_CODE_TABS-->
<!--JavaScript-->
<!--END_DOCUSAURUS_CODE_TABS-->

[test-link]: https://github.com "Github page"

[blemelin]

Same here. I have multiple DOCUSAURUS_CODE_TABS sections on the same doc. When I remove the last one, everything is fine.

Tried on 1.6.2 and 1.7.2.

[yangshun]

Thank you all for the reports.

@fiennyangeln Do you have time to look into this?

[fiennyangeln]

I will take a look at it tonight 😄

[yangshun]

@cuddergambino I think as long as the link is above the code tab it is ok, so the link below the code tab can be removed, as @blemelin mentioned.