Comments (4)
yep, @simeydotme , moving a range 1-5 to 3-8 by holding the line in between the points for example. Thanks for considering to look at it, I know open source is by fun and motivation so at your leisure :-)
from svelte-range-slider-pips.
ok @zahachtah after a lot of deliberation and failed prototypes, I am calling this one as a ⛔ Nope for now.
The slider's functionality and code design was done in a way which enables clicking/touching anywhere on the slider, and to be keyboard accessible, these considerations make the current implementation very difficult to wedge in the range-translation feature as the touch/mouse interaction events don't care about the range element.
While considering whether I want to do a large amount of work to get this possible, I had to factor in the usefulness of the functionality. I also looked at some other Component Libraries for both React and Svelte and failed to find many examples of range translation which led me to believe it's not widely used.
Thanks for your input, and please feel free to try yourself with a fork, and report back if you have something that doesn't deviate too much or introduce much regression :)
Cheers, Simon
from svelte-range-slider-pips.
hi @zahachtah ... if I understand correctly you're asking about the ability to translate the range without affecting the size of it?
It's definitely possible. There's some things to consider though. I may experiment with this a little, but no promises.
from svelte-range-slider-pips.
an example of your slider and a range-slider working side by side. No solution to the issue for svelte-range-slider--pips to implement this yet though. just FYI.
https://svelte.dev/repl/75d34e46cbe64bb68b7c2ac2c61931ce?version=3.34.0
from svelte-range-slider-pips.
Related Issues (20)
- [bug] Doesn't work with sveltekit `immutable` flag HOT 4
- Slider won't appear inside of the nested component HOT 2
- [feature] A11y label HOT 2
- [feature] a 'range gap' or similar property that maintains a gap between range slider handles HOT 2
- [bug] pipstep is incorrect in certain scenario
- [feature] change shift+left/right behaviour
- [improvement] ARIA role warning about wrapping div HOT 6
- Multiple subscription updates when binding to store HOT 1
- [docs] Broken links on docs site HOT 5
- No documentation on how to force handle to be focused HOT 2
- Argument of type 'typeof RangeSlider' is not assignable to parameter of type 'ConstructorOfATypedSvelteComponent'. HOT 1
- Svelte Error HOT 1
- [bug] Expected a valid CSS identifier HOT 4
- [bug] Warning about svelte field in package.json (sveltekit v2, vite v5) HOT 12
- [bug] Min value can't be chosen using start pip HOT 5
- [bug] Svelte 5 Range handles are not moving when dragged. HOT 17
- Latest version breaks SSR due to use of document inside pureText HOT 2
- ReferenceError: document is not defined
- css class prefix for x-library compatibility
- [bug] Mouse interactions are misaligned if slider is inside iframe. HOT 4
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 svelte-range-slider-pips.