renderBackdrop={false} not working

behnam-maqsudi commented 2 years ago

how can i access this layouts but react-modal-sheet block all layouts

Untitled

    <Sheet
        ref={ref}
        isOpen={true}
        initialSnap={0}
        snapPoints={snapPoints}
        onClose={disableOnClose}
        className={'player-bottom-sheet'}
        onSnap={(si) => setSnapIndex(si)}
        renderbackdrop="false"
        renderBackdrop={false}
      >
        <Sheet.Container
          style={{
            backgroundColor: '#151617',
          }}
        >
          <Sheet.Content>
            <Sheet.Header />
            <Sheet.Content>
              <Box bgcolor="background.paper" className="bottom-sheet-content">
              some elements
              </Box>
            </Sheet.Content>
          </Sheet.Content>
        </Sheet.Container>
      </Sheet>

Temzasse commented 2 years ago

Hi @benamm 👋🏻

Thank you for bringing this issue up. I think I have figured out what the problem is.

Please install version 1.4.1 which has the potential fix in it. Hopefully it solves your issue 🙂

Feel free to reopen this issue if the solution doesn't work for you.

behnam-maqsudi commented 2 years ago

its worked

Temzasse / react-modal-sheet

renderBackdrop={false} not working #42