process-analytics/process-analytics.dev

[BUG] Extra space on the right of the page on iOS

tbouffard opened this issue · 0 comments

tbouffard commented

Describe the bug
In some situation, when displaying the site on my iPhone in landscape, I see extra space on the right of the page. The navbar doesn't take the whole width of the screen.

To Reproduce
Seen in production, built commit 816dc95

Steps to reproduce the behavior:

  1. Go to https://process-analytics.dev/ using the portrait orientation
  2. Switch to the landscape orientation
  3. See error

Notice that this does not occur if the page is loaded while the device is already using the landscape orientation.
For instance, if I see the issue on the home page and navigate to the blog page, the blog page is correctly displayed. But, if then, I switch to portrait then landscape on this second page, I see the problem.

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots

bug_website_iphone

screen1

screen2

iPhone 8:

  • OS: iOS 16.6
  • Browser: Firefox 117.0, Safari

iPad 9th generation: ⚠️ I don't reproduce the problem

  • OS: iOS 16.6
  • Browser: Firefox 117.0, Safari