Overlay height causing scroll issue

In your styling documentation, you have a special options object inside the styles prop. I was hoping to be able to add an overlayHeight key/value pair to this object so that the code would be something like

styles={{
    options: {
      ...
      overlayHeight: `100vh`,
      ...
    },
}}

rather than adding the overlay above the styles like this

styles={{
  overlay: { height: '100vh' }, // Fix for random scroll issue
  options: {
      ...
    },
}}

Honestly, it’s not a huge deal though. Minimal risk doing it the latter way.

@feebabs

You can override the Overlay styles.

<Joyride styles={{ overlay: { height: '100%' } }} />