primefaces / primefaces/primereact

Global: Click events not working on iOS

Open
#3,949 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Device: Mobile Status: Discussion
Dominant language
CSS
Stars
8.3k
Forks
1.2k
PR merge metrics
No merged PRs in 30d

Description

Describe the bug

Browse to any example on the showcase with Safari on IOS15*+

Clicking on buttons has no effect. It seems like Click events on anything are not working.

https://betterprogramming.pub/pointer-events-with-react-the-why-how-what-617a5b51dbb2

Reproducer

No response

PrimeReact version

8.7.3

React version

18.x

Language

TypeScript

Build / Runtime

Next.js

Browser(s)

iOS 16.2 using Safari

Steps to reproduce the behavior

Go to showcase on an iOS 16.2 device and try and click any button on the Messages or Toast demo pages.

Expected behavior

Click events work

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 issue on the showcase's Messages and Toast demo pages with iOS 16.2 Safari, using PrimeReact 8.7.3, React 18.x, and Next.js. Trace why button click events are ineffective on those demos and verify that clicks work on the affected showcase buttons in iOS Safari.

Written by the indexing model from the issue text.

Assessment

Tech stack
next.js, react, typescript
Domain
frontend, web-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.