Comments (3)
I investigated this and found that because it is because translateY
is used in the listview and the current hit detection mechanism only incorporates thetop
and left
styles. So all of the items appeared to be in the top position, and the last one was always considered to be clicked. I modified this to add a hitFrame
property to layers in order to incorporate the sum of the current layer and parent layers' X/Y translations and it now works as expected on both examples. Open to a more elegant solution, of course.
See my attempt at a fix in this commit
from react-canvas.
#23 worked for me.
from react-canvas.
Argh - the hit detection code must not have been completely moved into react-canvas from flipboard.com.
@brentvatne Thanks for investigating. You're precisely right! Though I think we can do the frame resolution at hit test. Fix incoming.
from react-canvas.
Related Issues (20)
- support react v15? HOT 2
- Support opacity in background color?
- Is the react-canvas still updating? HOT 7
- QQ.. Guys, just wondering, how will does react native transform canvas element?.
- Announcing React-RETINA (<canvas> for React v15 & also Preact compatible, and supports variable sized ListView) HOT 13
- <Surface> is OK,but do not render <Group> component
- how to make a loop
- webpack2 HOT 3
- not possible to install with yarn due to dependency in git repo
- about isMounted() cannot be used in es6 HOT 1
- Is this still maintained? HOT 3
- update for support of React v16 please HOT 12
- Module not found: HOT 7
- when Surface's enableCSSLayout is set to true, Image‘s position is not right HOT 1
- How to rotate a line ?
- Whether react 16.12 is supported? HOT 3
- Error on install dependencies HOT 3
- How to download canvas data (toDataURL("image/png"))
- For contributing, the development setup is not working.
- [FORK] react-canvas with added support for React 16, React 17 and React 18 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-canvas.