bug: <ion-content> with scrollY="false" becomes scrollable when I interact with a <ion-range> inside the content

[jbgtmartin]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

v8.x

Current Behavior

I have a <ion-content> with scrollY="false". Inside, there is a <ion-range>. When the content is higher than <ion-content>'s height, it's hidden (as expected with scrollY="false").

But if I move the slider, then the content becomes scrollable.

You can see it in this video:

Enregistrement.de.l.ecran.2026-02-11.a.12.31.32.mov

Expected Behavior

<ion-content> should never be scrollable when scrollY="false"

Steps to Reproduce

1. Clone https://gitlab.com/jbgtmartin/ionic-ion-content-scroll-issue
2. Start the app with yarn start
3. Move the slider
4. Scroll the content

Code Reproduction URL

https://gitlab.com/jbgtmartin/ionic-ion-content-scroll-issue

Ionic Info

Ionic:

Ionic CLI : 7.2.1 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 8.7.17
@angular-devkit/build-angular : 20.3.16
@angular-devkit/schematics : 20.3.16
@angular/cli : 20.3.16
@ionic/angular-toolkit : 12.3.0

Utility:

cordova-res : not installed globally
native-run : 2.0.0

System:

NodeJS : v22.17.0 (/usr/local/bin/node)
npm : 10.9.2
OS : macOS Unknown

Additional Information

No response