Comments (5)
No need to be sorry! :) I'll see if I can PR it; it is Hacktoberfest after all..
from cssgridgenerator.
Further investigation:
After building locally and looking at the Vue tools, it looks like once the reset button is clicked, I don't see anything else happening in Vuex; no more addChildren calls are made.
My theory so far (relatively new to Vue) is that the call in store.js
to state.childarea = [];
is removing something that Vue is listening to by creating a new array rather than emptying the existing array.
from cssgridgenerator.
OK, getting a little closer to the actual issue:
It looks like when I click & drag over any one portion of the grid, and then I either click the x
on that particular box or click reset
, the boxes are removed but the grid doesn't treat that area like it's draggable anymore. It's like the click & drag functionality still has the memory of that box somewhere.
from cssgridgenerator.
Hi,
I am facing the same issue. I don't understand vue one bit but can say that when I click on "What does this project do" link it sometimes works properly, otherwise the click and drag gets blocked. I wonder why that is.
Refreshing the page does work so maybe on clicking reset we could do refresh the page and then use this?
Any thoughts from developer or someone else?
Regards,
from cssgridgenerator.
Interesting, sorry about that. Definitely a bug. I'm swamped for the next few months but I will look into this as soon as I can. Open to PRs as well.
from cssgridgenerator.
Related Issues (20)
- Make the generated code visible from the main screen so that learners can see how it works
- add width, height and a border for display the Grid in the filters
- Reset Grid Button Does not take affect
- SCSS mode
- Output Parent names
- Possibility to upload a background image to align grid with my design HOT 3
- Displays column and row numbers (Request feature)
- Switch to column-gap and row-gap HOT 1
- Hi I'm pro my number +967775000605
- Transparent Div after ".div21" HOT 5
- If fr value is same for grid-template-columns & grid-template-rows then why not use repeat! HOT 2
- "Reset Grid" does not work HOT 2
- Modal is not scrollable when it's taller than screen (desktop)
- Missing curly brackets on parent div
- Should Reset Grid button reset row/column/gaps to original values. HOT 1
- Usability the cards HOT 1
- braces for the first css selectors HOT 3
- Seen this one? HOT 1
- Problems with single column HOT 3
- Consider using grid-template-areas HOT 1
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 cssgridgenerator.