zIndex should be set to -1 when Sheet is closed

Temzasse / react-modal-sheet

Flexible bottom sheet component built with Framer Motion to provide buttery smooth UX while keeping accessibility in mind 🪐

https://temzasse.github.io/react-modal-sheet/

MIT License

783 stars 74 forks source link

Closed younes0 closed 1 year ago

younes0 commented 1 year ago

Otherwise it causes unexpected changes (disabling Embla carousel scrolling for instance)

This is my workaround:

<Sheet
   {...}
    style={{
      zIndex: isOpen ? 1000 : -1,
    }}
 >
 {...}
 </Sheet>

Temzasse commented 1 year ago

Good suggestion 👍🏻

Temzasse commented 1 year ago