-
-
Notifications
You must be signed in to change notification settings - Fork 418
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
False browser rendering due to subpixel translateX #1125
Labels
bug
Something isn't working
Comments
maybe using style( list, 'transform', `translate${ resolve( 'X' ) }(${ Math.round(destination) }px)` ); will solve this problem splide/src/js/components/Move/Move.ts Line 125 in d7e1f08
|
I'll make PR soon. (maybe today) |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Checks
Version
4.1.4
Description
Images, SVGs and also text appear blurry because the
transform: translateX()
allows sub-pixel. If the value is rounded to whole pixels, the content is no longer blurry.Reproduction Link
No response
Steps to Reproduce
Mount a slider with draggable true, bette to have it on free.
Drag the slider across and have a decimal number for
translateX()
, e.g.translateX(-3219.8281249998445px)
.Expected Behaviour
Even when dragged, don't allow values with comma, only allow whole numbers.
The text was updated successfully, but these errors were encountered: