Git Product home page Git Product logo

jslider's People

Contributors

claudio5678 avatar egorkhmelev avatar ian-ross avatar mitchellrj avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

jslider's Issues

ability to have non moving labels on the side

We have a web app where we are using jslider and we have custom css which puts the labels on the side and they do not move. This is fine for us, but maybe similar CSS could be generated as an option.

The only issue is that currently if the sliders get too close together, jslider moves the values onto a single slider with a "-" in between. This breaks our UI. We would like an option that keeps the values from moving to a single label.

We need to figure out what this option should be called. Perhaps something like "singleLabel: false". It would be true by default to preserve existing functionality.

I would be happy to help implement the JS, if we can come up with a good name for the option.

Handle gets stuck if both initial values are equal to maximum

If a dual slider is initialized with both values being equal to the maximum (i.e., both handles are over-top of each other on the right-hand edge), the handles become stuck. The only one you should be able to move is the left-hand handle ("from"), but the right-hand handle ("to") is the one on top, receiving the clicks and drags, and it has nowhere to go.

I think we may be able to work around it if the z-index for the "from" handle is made higher than the z-index for the "to" handle, in the case when it's on the left-hand side.

I'll be working on this further, but I just wanted to get the issue out there in case anyone else has ideas. I'll be attaching a test HTML file that illustrates the problem.

Thanks!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.