nuxt / nuxt/nuxt.com

Web page covers Safari's address bar on iOS

Open
#1,718 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
457
Forks
272
Avg merge
13h 33m
Merged PRs (30d)
23

Description

Environment
  1. iOS 18.0
  2. Safari 18.0
Reproduction

https://nuxt.com/blog

Describe the bug
  1. Open Nuxt's official website nuxt.com
  2. Slide the page with your finger to automatically collapse the address bar
  3. Click the menu in the navigation bar to open a random page
  4. The new page will automatically cover the address bar of the Safari browser

The following is a GIF, you can intuitively see this phenomenon:

Image

Additional context

No response

Logs

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the navigation flow at https://nuxt.com/blog on iOS 18.0 with Safari 18.0, following the listed steps and reviewing the navigation menu behavior. Done means opening a page from the menu no longer causes the page to cover Safari’s address bar.

Written by the indexing model from the issue text.

Assessment

Tech stack
ios, nuxt, typescript
Domain
frontend, mobile-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.