Comments (6)
I just tested this at https://react-chessboard.vercel.app/?path=/story/example-chessboard--play-vs-random and was unable to reproduce it, i throttled it to a low end device and it still behaved smoothly.
I was using a mouse, were you perhaps using a trackpad?
I will need some more information in order to reproduce the issue
from react-chessboard.
oh, hmm, no, I'm using a mouse on my laptop, specifically HP Pavilion Gaming 17-cd1050ur, i5 10300H, 8GB of RAM, GTX 1650, if that tells you anything, wouldn't be a low end device issue at all. As you can see I thought it was maybe a Linux or Firefox only thing at first, given how noticeable it is for me, and then found it on Windows 11 and Chrome too.
I don't have any other devices to compare at hand, other than my Android phone (no issue on that, all crisp), so idk if it depends on hardware (and why would it?..)
I had an idea it might have to with particular viewport sizes, like if it happens when squares have non-integer dimensions, but I tried adjusting the iframe on that page to make squares's heights exact integers and it doesn't make it go away either.
Can't think of anything else right now, lmk if you have ideas
from react-chessboard.
also I don't get that issue on chessboardjsx, at least not on the example board on https://chessboardjsx.com/, if that's anything
from react-chessboard.
I'll leave this issue open to see if anyone else has the same issue or can find out steps to reproduce, without any more information there isn't a lot I can do currently, hopefully someone else is able to add some more info
from react-chessboard.
@Clariity Hi, I'm seeing the same problem as described above.
$ node -v
v16.18.0
"chess.js": "0.12.0",
"react-chessboard": "^4.1.0",
And you can also notice that when a figure is captured, it teleports somewhere to an arbitrary location, I really donβt know how to fix this. Any idea what can be done. Thank you!
2023-09-15.15-33-21.mp4
from react-chessboard.
I'm getting the same issue too, looks the same as the other videos.
from react-chessboard.
Related Issues (20)
- Redux Issue . Next JS 13 HOT 6
- Laggy when render multiple boards HOT 1
- Is it possible to disable field labels? HOT 2
- Positioning a shape while dragging HOT 21
- Animation looks weird when position and boardOrientation are changed at the same time HOT 6
- Animation goes wrong way when board is flipped HOT 2
- How can I make one black pawn a star, another black pawn, for example, an ice cream, replace not all pawns at once, but only one ? HOT 1
- areArrowsAllowed={false} doesn't work HOT 3
- onPromotionCheck for squareClick HOT 4
- Animation skips after failed drag move HOT 1
- How i can add pieces from outside the board ? HOT 2
- Feature Request: Add Circle Annotations to Squares HOT 3
- Positioning issue if FEN string changes completely HOT 7
- Premove back to existing premove square causes piece to disappear HOT 5
- Board resets to previous state despite value of `position` HOT 8
- Got error when run in dev environment HOT 2
- showPromotionDialog prop not working as expected HOT 1
- Use mixins in contrast to inline css HOT 1
- Allow for customization of every unique piece not just the different colored pieces. HOT 3
- customArrows props creates infinite loops. HOT 8
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-chessboard.