Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Unable to create Vertical Slider

See original GitHub issue



I am trying to create a vertical Slider. Based on #65 I got to know that transform can be used for this. Using transform I am not able to apply styles like height and width to slider.

Reproducible Demo

Issue Analytics

  • State:open
  • Created 3 years ago
  • Reactions:1
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

seanconrad1commented, Mar 3, 2021

Tacking on to say that we need a vertical prop for all platforms. Thanks!

BartoszKlonowskicommented, Jun 24, 2022

As I can see on the provided example (thank you, @YajanaRao) the vertical slider is only inverted visually. Width and height still applies but with inverted effects, while sliding is still possible but also on the horizontal axis: SliderVerticalIssue (notice the width change on the beginning from 30 to 300 <- it changes the height)

Read more comments on GitHub >

github_iconTop Results From Across the Web

javascript - Having trouble rendering the HTML5 Slider vertically
I have looked through JQM documentation (latest) and found no info about a slider being able to display vertically.
Read more >
341071 - Impossible to style vertical input type=range. - Monorail
Just ran into this very problem. In order to make the slider vertical you have to add "-webkit-appearance: slider-vertical" but in order to ......
Read more >
Unable to move a row layer |
Hello,. I'm using your template Full Width Post Slider. I edited the background picture but I can't find how to move around the...
Read more >
Vertical slider bug with Chrome Browser - JoomShaper
No response after clicking on the article slider on Gazette vertical slider. I'm able to click on the article link to access the...
Read more >
Building a custom slider | Justinmind Q&A
Hi, I'm trying to build a horizontal slider that does two things: Starts with ... the boundaries of the slider (see second image...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found