[SelectMenu] Full content width does not respect boundaries on Safari Desktop and iOS (Brave and Safari)
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 6.9k
- Forks
- 1.1k
- Avg merge
- 1d 7h
- Merged PRs (30d)
- 57
Description
Environment
Operating system: Linux 6.1.43
CPU: AMD EPYC (2 cores)
Node.js version: v24.10.0
nuxt/cli version: 3.31.3
Package manager: npm@11.6.1
Nuxt version: 4.2.2
Nitro version: 2.12.9
Builder: vite@7.3.0
Modules: @nuxt/ui@4.3.0
Is this bug related to Nuxt or Vue?
Nuxt
Package
v4.x
Version
v4.3.0
Reproduction
https://codesandbox.io/p/devbox/billowing-cookies-qvdf47
Description
If the content is set with min-w-fit, as shown in the documentation, it works correctly in Brave Desktop, but it does not respect the viewport boundaries in Safari Desktop or on iOS (Brave and Safari).
See the screenshots below.
Additional context
Brave Desktop
Safari Desktop
Safari iOS
Brave iOS
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the linked CodeSandbox reproduction and the SelectMenu documentation section “With full content width,” focusing on the min-w-fit content configuration. Compare the behavior in Brave and Safari on desktop and iOS; done means the full-width content respects viewport boundaries in all reported browsers.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- nuxt, tailwindcss, typescript
- Domain
- frontend, web-dev
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 48/100