Repository navigation
RangeSlider shows an overlay for both thumbs when hovering over only one of them #165281
Description
Steps to reproduce
- Before clicking anything, try hovering over one of the thumbs and then the other.
- Grab and let go of one of the thumbs and then repeat the experiment from step 1.
Expected results
The overlay should only appear behind the thumb over which the mouse is currently hovering.
Actual results
An overlay is displayed for both thumbs, even though the mouse is hovering above only one of them.
Code sample
Code sample
import 'package:flutter/material.dart';
/// Flutter code sample for [RangeSlider].
void main() => runApp(const RangeSliderExampleApp());
class RangeSliderExampleApp extends StatelessWidget {
const RangeSliderExampleApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(title: const Text('RangeSlider Sample')),
body: const RangeSliderExample(),
),
);
}
}
class RangeSliderExample extends StatefulWidget {
const RangeSliderExample({super.key});
@override
State<RangeSliderExample> createState() => _RangeSliderExampleState();
}
class _RangeSliderExampleState extends State<RangeSliderExample> {
RangeValues _currentRangeValues = const RangeValues(40, 80);
@override
Widget build(BuildContext context) {
return RangeSlider(
values: _currentRangeValues,
max: 100,
divisions: 5,
labels: RangeLabels(
_currentRangeValues.start.round().toString(),
_currentRangeValues.end.round().toString(),
),
onChanged: (RangeValues values) {
setState(() {
_currentRangeValues = values;
});
},
);
}
}Screenshots or Video
Screenshots / Video demonstration
Logs
No response
Flutter Doctor output
Doctor output
[✓] Flutter (Channel stable, 3.29.2, on Fedora Linux 41 (Workstation Edition) 6.12.11-200.fc41.x86_64, locale
en_US.UTF-8) [236ms]
• Flutter version 3.29.2 on channel stable at /home/kamil/.local/apps/flutter
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision c236373904 (3 days ago), 2025-03-13 16:17:06 -0400
• Engine revision 18b71d647a
• Dart version 3.7.2
• DevTools version 2.42.3
[✓] Android toolchain - develop for Android devices (Android SDK version 35.0.0) [2.2s]
• Android SDK at /home/kamil/Android/Sdk
• Platform android-35, build-tools 35.0.0
• Java binary at: /home/kamil/.local/apps/android-studio/jbr/bin/java
This is the JDK bundled with the latest Android Studio installation on this machine.
To manually set the JDK path, use: `flutter config --jdk-dir="path/to/jdk"`.
• Java version OpenJDK Runtime Environment (build 21.0.4+-12422083-b607.1)
• All Android licenses accepted.
[✓] Chrome - develop for the web [141ms]
• CHROME_EXECUTABLE = /usr/bin/brave-browser-stable
[✓] Linux toolchain - develop for Linux desktop [302ms]
• clang version 19.1.7 (Fedora 19.1.7-2.fc41)
• cmake version 3.30.7
• ninja version 1.12.1
• pkg-config version 2.3.0
[✓] Android Studio (version 2024.2) [140ms]
• Android Studio at /home/kamil/.local/apps/android-studio
• Flutter plugin version 83.0.3
• Dart plugin can be installed from:
🔨 https://plugins.jetbrains.com/plugin/6351-dart
• Java version OpenJDK Runtime Environment (build 21.0.4+-12422083-b607.1)
[✓] VS Code (version 1.97.1) [16ms]
• VS Code at /usr/share/code
• Flutter extension version 3.106.0
[✓] Connected device (2 available) [147ms]
• Linux (desktop) • linux • linux-x64 • Fedora Linux 41 (Workstation Edition) 6.12.11-200.fc41.x86_64
• Chrome (web) • chrome • web-javascript • Brave Browser 133.1.75.175
[✓] Network resources [397ms]
• All expected network resources are available.
• No issues found!
Activity
danagbemava-nc commentedon Mar 17, 2025
Reproducible using the code sample and steps outlined above.
Screen.Recording.2025-03-17.at.10.25.15.AM.mov
flutter doctor -v
Fix: Range slider show overlay for both thumbs on hovering one (#165393)
github-actions commentedon Apr 17, 2025
This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of
flutter doctor -vand a minimal reproduction of the issue.Fix: Range slider show overlay for both thumbs on hovering one (flutt…
Fix: Range slider show overlay for both thumbs on hovering one (flutt…