Open
Description
Steps to reproduce
Since Flutter 3.32, the bubble behind the slider label does not surround the whole label if the label contains line breaks (\n). Here's a screenshot:
The left screenshot was taken from a Flutter 3.32.2 build. The right screenshot, which shows the expected behavior, used Flutter 3.29.2.
What's interesting is, that even after downgrading back to version 3.29.2, the slider remains broken! Question now is, how to fix, or workaround this issue?
Expected results
Please see provided screenshots.
Actual results
Please see provided screenshots.
Code sample
Code sample
import 'package:flutter/material.dart';
void main() => runApp(const SliderExampleApp());
class SliderExampleApp extends StatelessWidget {
const SliderExampleApp({super.key});
@override
Widget build(BuildContext context) {
return const MaterialApp(home: SliderExample());
}
}
class SliderExample extends StatefulWidget {
const SliderExample({super.key});
@override
State<SliderExample> createState() => _SliderExampleState();
}
class _SliderExampleState extends State<SliderExample> {
double _currentDiscreteSliderValue = 60;
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.grey,
appBar: AppBar(title: const Text('Slider')),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Slider(
value: _currentDiscreteSliderValue,
max: 100,
divisions: 5,
label: "${_currentDiscreteSliderValue.round().toString()}\n\nSecond line\nThird line\nFourth line\nFifth line",
onChanged: (double value) {
setState(() {
_currentDiscreteSliderValue = value;
});
},
),
],
),
),
);
}
}Screenshots or Video
Screenshots>
Just for reference a screenshot from the provided code sample, that shows the misaligned label background:
Logs
Logs
[Paste your logs here]Flutter Doctor output
Doctor output
% flutter doctor -v
[✓] Flutter (Channel stable, 3.32.2, on macOS 15.5 24F74 darwin-arm64, locale en-US) [208ms]
• Flutter version 3.32.2 on channel stable at /Users/michaelholl/Development/flutter
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision 8defaa71a7 (3 days ago), 2025-06-04 11:02:51 -0700
• Engine revision 1091508939
• Dart version 3.8.1
• DevTools version 2.45.1
[✓] Android toolchain - develop for Android devices (Android SDK version 36.0.0) [781ms]
• Android SDK at /Users/michaelholl/Library/Android/sdk
• Platform android-36, build-tools 36.0.0
• Java binary at: /Applications/Android Studio.app/Contents/jbr/Contents/Home/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.5+-12932927-b750.29)
• All Android licenses accepted.
[✓] Xcode - develop for iOS and macOS (Xcode 16.3) [432ms]
• Xcode at /Applications/Xcode.app/Contents/Developer
• Build 16E140
• CocoaPods version 1.16.2
[✗] Chrome - develop for the web (Cannot find Chrome executable at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome) [9ms]
! Cannot find Chrome. Try setting CHROME_EXECUTABLE to a Chrome executable.
[✓] Android Studio (version 2024.2) [9ms]
• Android Studio at /Applications/Android Studio.app/Contents
• Flutter plugin can be installed from:
🔨 https://plugins.jetbrains.com/plugin/9212-flutter
• Dart plugin can be installed from:
🔨 https://plugins.jetbrains.com/plugin/6351-dart
• Java version OpenJDK Runtime Environment (build 21.0.5+-12932927-b750.29)
[✓] VS Code (version 1.100.3) [8ms]
• VS Code at /Applications/Visual Studio Code.app/Contents
• Flutter extension version 3.112.0
[✓] Connected device (1 available) [5.6s]
• macOS (desktop) • macos • darwin-arm64 • macOS 15.5 24F74 darwin-arm64
! Error: Browsing on the local area network for Michael’s iPad. Ensure the device is unlocked and attached with a cable or associated with the same local area network as this Mac.
The device must be opted into Developer Mode to connect wirelessly. (code -27)
[✓] Network resources [225ms]
• All expected network resources are available.
! Doctor found issues in 1 category.Metadata
Metadata
Assignees
Labels
No labels