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/

zIndex should be set to -1 when Sheet is closed

younes0 opened this issue a year ago · comments

Younes Bieche commented a year ago

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

This is my workaround:

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

Teemu Taskula commented a year ago

Good suggestion 👍🏻

Teemu Taskula commented a year ago

Fixed in https://github.com/Temzasse/react-modal-sheet/releases/tag/v1.11.0