Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

onClick events not working on iOS 12-13 after upgrading to Next.js 14.1.2+ (including v15) #77780

Open
yacchi1123 opened this issue Apr 3, 2025 · 0 comments

Comments

@yacchi1123
Copy link

Link to the code that reproduces this issue

https://github.com/yacchi1123/v0-todo-list-sample

To Reproduce

  1. Deploy a Next.js application using version 14.1.2 or later(including v15)
  2. Open the application on iOS 12 using BrowserStack
  3. Enter a task in the input field and click the "Add" button
  4. The button click has no effect

https://v0-todo-list-sample.vercel.app/

CleanShot.2025-04-03.at.23.22.27.mp4

Current vs. Expected behavior

Current Behavior:

  • When clicking the "Add" button on iOS 12-13 devices, nothing happens
  • The onClick event handler is not triggered
  • No errors are shown in the browser console
  • The same issue occurs with all onClick events in the application
  • This issue only occurs on iOS 12-13 devices
  • The issue started appearing in Next.js version 14.1.2

Expected Behavior:

  • Clicking the "Add" button should trigger the onClick event handler
  • The new task should be added to the todo list
  • All onClick events should work normally as they did in Next.js version 14.1.1 and earlier
  • The application should work consistently across all supported iOS versions

Additional Context:

  • This functionality works correctly in Next.js version 14.1.1 and earlier
  • The issue is reproducible on all iOS 12-13 devices tested through BrowserStack
  • The same code works correctly on newer iOS versions (14+)
  • No JavaScript errors or warnings are present in the console

According to Next.js's official browser support documentation, Safari 12+ is listed as a supported browser with zero configuration required. Therefore, all basic functionality including onClick events should work properly on iOS 12 and later versions, as these use Safari 12+ as their browser engine. This issue appears to violate Next.js's documented browser compatibility guarantees.

https://nextjs.org/docs/architecture/supported-browsers

Provide environment information

Operating System:
  Platform: darwin
  Arch: x64
  Version: Darwin Kernel Version 23.2.0: Wed Nov 15 21:54:10 PST 2023; root:xnu-10002.61.3~2/RELEASE_X86_64
Binaries:
  Node: 20.17.0
  npm: 10.8.3
  Yarn: N/A
  pnpm: 9.15.9
Relevant Packages:
  next: 14.1.2
  eslint-config-next: N/A
  react: 18.3.1
  react-dom: 18.3.1
  typescript: 5.8.2
Next.js Config:
  output: N/A

Which area(s) are affected? (Select all that apply)

Not sure

Which stage(s) are affected? (Select all that apply)

Vercel (Deployed)

Additional context

No response

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant