React-Grid-layout shake a bit onClick
I'm working with React-grid-layout in React.js. When I click on the draggable tile, it shakes a bit, and same happens when I click on any child button on the tile. How can I stop this shaky behaviour?
Here, Set Alarm is a button, when I click on it, the respective tile shakes (moves a bit down and back on its position).
Thanks!
Solution
I had added margin on each tile that was somehow making the tiles shake. After removing the margin from css class, the issue resolved.
Note, React-grid-layout gives a special margin attribute to add margin between tiles.
Hope this answer help someone in future! Good day.
- How to access parent ref from child
- How do i define the fib() function, which returns the next Fibonacci number after each call?
- A returned Promise with Fetch doesn't respond to .then()
- How to trigger inline script onload?
- How to get index of an array element in click event with JavaScript
- Line 6 of this Javascript program is confusing me
- How to use Lightbox on AJAX loaded content
- How to increase quality on a PixiJS canvas?
- is it possible to install canvas with M1 chip
- Executing Javascript from Python
- regex to match HTML <p ...> tag
- How to swap two variables in JavaScript
- Primitive value vs Reference value
- Why would one use a logical AND expression (using the `&&` operator, double ampersand) as a stand-alone statement?
- Error copying 2d array contents to Google Sheets column
- how to pass values to :nth-child() css selector in cypress
- How to validate email by whitelist domain regex
- Passing checkbox value to show / hide Password via react native
- MUI with Preact & HTM No Build Setup
- Drag and drop items from different groups
- In React, what's the difference between onChange and onInput?
- Accessing http status code constants
- Next.js middleware Module not found: Can't resolve 'fs'
- How to parse JSON response in Google App Script?
- Chaining on an Array.find() in JavaScript
- NextJS - Update data object being passed into Child Component based on Button Click
- Close Modal when clicked on other div
- Convert relative path to absolute using JavaScript
- React Hook Warnings for async function in useEffect: useEffect function must return a cleanup function or nothing
- Add A Year To Today's Date