Codeblock formatting breaks when hovering over the sidebar

[frederikhors]

Describe the bug

Sometimes this is the docs site.

I'm on Windows 10 - Chrome 91.0.

Why?

Reproducing the bug

I cannot reproduce.

Sometimes if I click two times on some text, copy it, change window, come back on docs site, here it goes!

[vinckr]

Uh oh, I have never seen that bug before 😮 . It seems like the configuration.md did not render.

Did reloading fix it? Can you maybe open the console and see what (if any) errors there are? (chrome right-click -> inspect)

I tried your method but I never had this behavior sorry.

We can keep this issue open for a bit, but until we can reproduce I think it will be hard to address.

[frederikhors]

Did reloading fix it?

Yep. But after some time again.

[avinashbot]

I can reproduce this on Chrome and Firefox, though I don't see any errors raised in the console. Also happens on the hydra site.

1. Open the configuration page and scroll down to the bottom.
2. Hover over the previous pagination button.
3. Et voilà, the entire code block turns into an unformatted mess.

https://user-images.githubusercontent.com/983897/127198590-889d51f6-6121-421e-a13b-9ab795a91774.mp4

[aeneasr]

Thank you for the video and reproducible behavior! This looks like it could be a bug in docusaurus. I will to investigate when I have some time.

[vinckr]

Moving the issue to https://github.com/ory/docs/ as it is most likely a bug in here or in https://github.com/ory/docusaurus-template/.

[aeneasr]

Thhis is still an issue!

[aeneasr]

@zeropaper if you have some time some day can you please take a look at this? This is still an issue in the new docs as well

[zeropaper]

I will try to reproduce...

[aeneasr]

I had luck reproducing it by moving the mouse around the nav.

I think the problem is that something is being updated in the DOM and then prismjs loses authority over the code box for some reason and does not recompute

[zeropaper]

It took me a while to find the page and reproduce, but yes, I can. With a hover on the sidebar too.

[vinckr]

Since this is still an issue I changed the title to something more descriptive. I loved the original title, but it was hard to know what this is about 😁

[vinckr]

https://github.com/rohit-gohri/redocusaurus/issues/89#issuecomment-942256382 https://github.com/facebook/docusaurus/issues/5443

[aeneasr]

Finally, it has been resolved!

[aeneasr]

The problem is back