Comments (4)
lxm7
commented on June 3, 2024
Can confirm, I too am seeing this. Is there a way throttle either rendering or eventListening for this component?
from react-input-range.
AreWeThereYeti
commented on June 3, 2024
Im seeing this in safari for mac as well.
from react-input-range.
pigoz
commented on June 3, 2024
Using the following workaround fixes the problem (it's a bug in Quartz)
.input-range__label {
-webkit-transform: translateZ(0);
}
See http://stackoverflow.com/questions/17575624/how-can-i-avoid-animation-artifacts-on-my-touch-draggable-border-radius-element for more info
from react-input-range.
davidchin
commented on June 3, 2024
v1.0.2 should fix this issue. You can see a demo here. There are also some API changes, so you'll need to update accordingly if you're still using v0.x (please refer to the readme and the changelog). Let me know if there's any issue. :)
from react-input-range.
Related Issues (20)
- How to hide the left side tooltip based on certain conditions HOT 1
- On the IOS screen reader it says swipe up or down what kind of event it triggers??? HOT 1
- Can we have different on change handler events for min and max values?
- onChangeComplete still fires when disabled
- Option to disable some region
- How to get a reference of a specific input when render multiple InputRange HOT 1
- Add onFocus & onBlur
- sameValue to min-max -- choosing handle based on drag direction
- when turned by transform, rotation stops working
- Arrow keys do not work with a step value of less than 1 and value that has min and max
- Value changing but slider not moving
- Unable to preventDefault inside passive event listener invocation HOT 3
- Aria labels should show a value processed by the formatLabel prop and not the actual values
- react 17 is unsupported HOT 5
- allowSameValues props is not working
- Cannot move slider - Unable to preventDefault inside passive event listener invocation.
- Issue with slider label on safari
- Warning: Failed prop type: "value" must be in between "minValue" and "maxValue" how to resolve this ?
- React 18? HOT 1
- scroll issue on iphone
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-input-range.