question-mark
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.

Range input prevents scrolling

See original GitHub issue

Short description of the problem:

Range input prevents scrolling

What behavior are you expecting?

When touch started on range input with an intention to scroll, it should scroll and not change range input’s value.

Steps to reproduce: Please see a demo of the issue here.

Other information:

Which Ionic Version? 1.x

Here is the output of ionic infocommand:

Your system information:

Cordova CLI: 6.2.0 Gulp version: CLI version 3.9.0 Gulp local: Local version 3.9.0 Ionic Version: 1.1.0 Ionic CLI Version: 1.7.14 Ionic App Lib Version: 0.7.0 ios-deploy version: Not installed ios-sim version: Not installed OS: Mac OS X Mavericks Node Version: v0.12.7 Xcode version: Not installed


Dependency warning - for the CLI to run correctly,
it is highly suggested to install/upgrade the following:

Install ios-sim to deploy iOS applications. npm install -g ios-sim (may require sudo) Install ios-deploy to deploy iOS applications to devices. npm install -g ios-deploy (may require sudo)



Ionic CLI is out of date:


Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:5 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
fuggfuggfuggcommented, Nov 3, 2016

Oops, I forgot this was for Ionic while I’m using ionic 2. Ionic 2 doesn’t use range inputs anymore.

For anyone else who encounters the same issue with ionic 2,

.range-slider {
  pointer-events: none;
}

.range-knob-handle {
  pointer-events:auto;
}
0reactions
riteshjaggacommented, Nov 3, 2016

It seems that what you need is there in the link above otherwise I didn’t understand your question.

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to disable mouseScrolling on input range - Stack Overflow
The problem is that if you click on the range, left the mouse on the top of the range and scroll the mousewheel...
Read more >
Range input prevents scrolling · Issue #7599 - GitHub
When touch started on range input with an intention to scroll, it should scroll and not change range input's value. Steps to reproduce:...
Read more >
Range Input prevents scrolling - Ionic Forum
In my app on ios 8.3, when I swipe vertically on a range input, the page does not scroll. In iOS, when you...
Read more >
Input Range Adjustment By Scroll Wheel and Middle Click Reset
<div id="slider">. 2. <input id="slide" type="range" min="50" max="200" step="10" value="100" onchange="console.log(this.value)" />.
Read more >
Slider control in Power Apps - Microsoft Learn
Layout – Whether the user scrolls through a gallery or adjusts a slider top to bottom (Vertical) or left to right (Horizontal).
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 Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found