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: React server components give type error in react 19 HOT 2
- Bug: Eager bailout when calling the state setter function multiple times HOT 4
- Bug: Multiple renderings in the same dom without being overwritten, all renders are displayed HOT 2
- Bug: React const function getting previous version of state value when calling the function. HOT 1
- Bug: Manually added event listener always triggered HOT 1
- donde verlo
- [DevTools Bug]: Can’t import chrome trace into react devtools
- [DevTools Bug] Children cannot be added or removed during a reorder operation.
- Bug: SetState with same value, rerenders one more time HOT 2
- [DevTools Bug]: TypeError: ie.handlePostCommitFiberRoot is not a function HOT 3
- Hey really.org
- Bug: Invalid options to hydrateRoot can error with "This root received an early update"
- Bug: `Children.map` raises error when passed async server component within client component HOT 3
- Bug: mouse events are bubbled up too far with some pointer-events rules HOT 1
- Bug: Unsupported HTML character references HOT 6
- Bug: React not defined in TypeScript when importing from npm HOT 8
- After using forwardRef in a JSX component, you encounter an error when using it in a TSX component. HOT 1
- [DevTools Bug] Could not find node with id "464" in commit tree HOT 1
- ⚠Phishing Website Warning!!! There are phishing website links in the document. HOT 6
- not showing components in inspect its stuck
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.