NazmusSayad / react-ts

react-redux-pwa-boilerplate-vite
2 stars 0 forks source link

BodyScroll and safe-area-env #1

Open nycco opened 8 months ago

nycco commented 8 months ago

Hello, Thank you so much for your React PWA project with Vite! It's an excellent foundation! I would like to seek your expertise on two specific points:

Disabling bodyscroll on Safari iOS: I’ve tried various approaches to disable body scrolling on Safari iOS, but so far, I haven't found a satisfactory solution. Do you have any recommendations or tips on how to achieve this effectively? The goal is to have the app behave like a Native app.

Using environment variables for the body's safe area: To ensure better integration with smartphones and their notches, I'm looking for a clean way to use environment variables to handle the body's safe area in the PWA. Do you have any advice or best practices to share on this matter?

Thank you very much!

NazmusSayad commented 8 months ago

Are you using "100vh" anywhere?