code-hike / codehike

Marvellous code walkthroughs

Home Page:https://codehike.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Issue when using codehike within a <Transition/> from headlessui

DanBloy opened this issue · comments

Hi All,

I have been using codehike on a website with great success. This is a blog type feature where each page is an .mdx and the code snippets load correctly.

I'm want to use codehike within a slide out component as part of a help file system. This works fine locally. However when i push to Vercel the code snippets are not visible. If i resize the window then they become visible.

I've replicated the issue here:

https://stackblitz.com/edit/github-dpfg51?file=pages/codehike.mdx

Replicate the issue

  1. load the sample above
  2. Press the button to open the slider
  3. Resize the window

Bug or my failed usage? Any help appreciated.

Thx
Dan

maybe related to #279

I need to take a look, but maybe one workaround is to make the component re-render (changing the key of one of the parents for example) when the visibility changes.