Comments (19)
* {cursor: pointer;}
is the least offensive way to do this, IMO
from react.
react: 15.1.0
Still not working. I have the cursor: pointer as you can see. I tried onTouchStart
, onTouchTap
and onClick
but none is happening.
When I'm on my website on an IPad and and my laptop the click on the IPad does nothing on the IPad, but it does on PC! The even seems to be triggered, but nothing is displayed on IPad....
from react.
Is this only an issue with iOS4 and below? Can we just generate markup for every node with onclick=""
on the affected browsers?
from react.
I think it affects modern iOS browsers as well.
from react.
style="cursor:pointer" also fixes this :)
from react.
Does it only happens for onClick or also for onTouchStart, onDblClick ...?
Does attaching an onClick event listener to the dom node fixes the issue?
Christopher "vjeux" Chedeau
Facebook Engineer
http://blog.vjeux.com/
On Jun 27, 2013, at 10:45 PM, Lee Byron [email protected] wrote:
style="cursor:pointer" also fixes this :)
—
Reply to this email directly or view it on GitHub.
from react.
I think this is fixed now, right @zpao @yungsters?
from react.
Still not fixed, I just spent an hour trying to figure out why this wasnt working..
from react.
Sorry about that -- we have #1169 open now.
from react.
This is still an issue in 0.13.3.
from react.
It's fixed in 0.14 beta and will be in the final 0.14 as well.
from react.
The <a>
without href
attribute but with onClick event doing the navigation is not working across all kinds of browsers in iOS platform. (I test 4 of them in iOS 8.4.1 :)
But if we put a styling cursor:pointer
for <a>
, it will bypass iOS' restriction of the press and hold copy and paste text mechanics.
from react.
Just had the same problem with an onClick
event on an overlay that was suppose to dismiss a menu when clicked or tapped. Changing the style to cursor: pointer
like @shuson said worked, but it shouldn't be required.
from react.
As I said, this is fixed in 0.14 which will be released soon.
from react.
We are currently having this issue only on iOS 9. The workarounds work for other versions of iOS, just not the most recent one. Is anyone else experiencing this?
from react.
@uzarubin Haven't heard of this. I just tested with http://react.jsbin.com/vovuzexiza/edit?html,js (http://react.jsbin.com/vovuzexiza) and it seems to work fine.
from react.
I'm currently using React v0.14.0 and still have the same issue (event click not firing) on Safari v8.0.6 and IE. I've added cursor:pointer
but with no luck. can you please help me to make it work ?
from react.
This issue has been fixed. If you're seeing the wrong behavior from React still, please open a new issue with a minimal repro case.
from react.
I love that this was still relevant to me today, thank you internet archives!
from react.
Related Issues (20)
- Bug: promises passed to server actions block on promise parameters
- Bug: server actions cannot be cancelled or given abort signals HOT 2
- Bug: Property 'inputType' does not exist on type 'Event' HOT 5
- Bug: error boundary does not catch exceptions from 'true' branch of an if-statement
- Bug:
- Bug: ESLint rule doesn't catch mistake with non-exhaustive dependencies
- Fix gap between footer logo and links HOT 16
- Source is not showing HOT 7
- Bug: Hydration error due to <button> HOT 6
- Bug: Search functionality not working correctly on react.dev in Safari on iOS real device (iPhone 12 Pro) HOT 2
- Bug:
- Google Translate causing "Text content does not match server-rendered HTML" HOT 1
- Bug: useFormState formAction becomes null in strict mode HOT 1
- Bug: Source is not showing in 5.0.2 HOT 8
- Question and suggest: The official identifier of Server Compnoent and Client Component HOT 3
- Bug: when installing the application, the old version of "react-scripts" is installed HOT 1
- Bug: Uncaught DOMException: Failed to set the 'value' property on 'HTMLInputElement': This input element accepts a filename, which may only be programmatically set to the empty string. HOT 4
- Bug: optimistic state (useOptimistic) shows both optimistic and returned from server data when running several async actions HOT 6
- [DevTools Bug]: React Profiler reports higher hook numbers than shown in Components HOT 2
- about the react performance (how to improve it) HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react.