Comments (8)
-
I will fix 3. ASAP – that’s easy 🙂
-
I’ll check out 1. and 2. tomorrow morning (GMT+3), I’m sure they’re not a big issue
from nodegarden.
I'm just going to close this, These issues are not that severe.
from nodegarden.
Oh, sorry I have totally missed this!!
from nodegarden.
I made a big update, hope everything works now!
from nodegarden.
The animation speed is fixed, but I think making the container div position: fixed in combination with the z-index being behind the wrapper (as I've done) causes it to fail to create new nodes on click. Also the div/ canvas doesn't seem to resize either. I have converted my version of the code over to the latest version and it's live at https://chillstice.com
I will experiment later, but I know that changing the z-index of the container div/ canvas to above everything else solves the problem of nodes not being created on click.
from nodegarden.
Also I've just noticed that text is unselectable (some text is marked as unselectable), but all text and text areas i.e. in the form are not selectable anymore. I think that might have been caused by changes trying to solve the no-node-on-click problem.
EDIT: with some more extensive testing, I have concluded that it's something to do with nodegarden.
from nodegarden.
I disabled e.preventDefault around line 100 and the click functionality returned. Still don't know why clicking won't create any new nodes and the resize issue is a bit annoying. Other than that, I'm pretty happy with the work you've put into this.
I've decided that the issue is when there's a div of any type with a higher z-index in front of the canvas. This appears to cause nodes to fail to be created.
from nodegarden.
That’s weird, will look into it
from nodegarden.
Related Issues (6)
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 nodegarden.