Issue: interacting with navbar behind swipe-to-step sheet

1

Hi @nolimits4web, I’m looking to achieve a persistent swipe-to-step sheet as a bottom drawer on a page but unable to interact with the navbar (back link or typing in the search bar) on the page behind it. Please refer to the example on the About page on this link:

Is there a workaround?

Thanks,
N.

2

I would recommend to try first opening sheet modal on pageAfterIn instead of mounted

1 Like
4

Thanks, @nolimits4web! I updated the sandbox. The sheet loads in and I can interact behind it as expected (thanks for the suggestion), however when I go back, the navbar persists on top of the previous page.

5

Seems like some weird issue. Anyway try using core API and seems to work correct F7 - visible step-sheet and navbar interaction (forked) - CodeSandbox

1 Like
6

Weird indeed. Thanks for the assist once again!