thunkable / thunkable-issues

24 stars 9 forks source link

Drawer Menu Padding #1005

Open 22rdhall opened 3 years ago

22rdhall commented 3 years ago

Thanks so much for filing an issue or feature request! Please fill out the following (wherever relevant):

The more info, the faster we will be able to address it!

Platform

X

Issue/Request Origin

My app.

Steps to Reproduce

  1. Create a drawer navigation with screens in it.
  2. Publish as a web app.
  3. View web app on a phone with a notch.
  4. Top option won't click due to the notch.

Project Link

No link.

Expected Behavior

A user should be able to click on the top link in the drawer but the notch on iphones doesn't allow this when published as a web app. There should be padding/margin settings for the drawer.

Actual Behavior

Can't click first link.

  STACK TRACE AND/OR SCREENSHOTS
jane-d-alt commented 3 years ago

Hi there,

We tried to replicate this behavior using this project on Google Chrome on an iPhone XR.

We couldn't replicate this behavior - the status bar and address bar of the browser provided a buffer between the top item in the drawer navigator and the notch fo the device.

Can you provide more info about your device and browser? Can you share a link to the web app you are testing on iOS?