Unexpected Aligment in SelectionArea on Flutter Web #148934
Description
Steps to reproduce
- Create Flutter Web Project using Flutter version: 3.16.6 or above.
- Create a basic screen and as its child add a couple of Text Widgets in a Column with crossAxisAligment as CrossAxisAligment.stretch.
- Wrap any of the Text Widgets with SelectionArea.
- Run the app on the Web.
Expected results
Text alignment shouldn't be changed for only the text widget wrapped in SelectionArea.
Actual results
Text alignment is center for only the text widget wrapped in SelectionArea.
Code sample
Code sample
void main() => runApp(const SelectionAreaExampleApp());
class SelectionAreaExampleApp extends StatelessWidget {
const SelectionAreaExampleApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(title: const Text('SelectionArea Sample')),
body: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: <Widget>[
SelectionArea(child: Text('Row 1')),
Text('Row 2'),
Text('Row 3'),
],
),
),
);
}
}Screenshots or Video
Screenshots / Video demonstration
Flutter Doctor output
Doctor output
[✓] Flutter (Channel stable, 3.16.6, on macOS 14.4.1 23E224 darwin-arm64, locale en-IN)
• Flutter version 3.16.6 on channel stable at /Users/yash.dhrangdhar/flutter
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision 46787ee49c (4 months ago), 2024-01-09 14:36:07 -0800
• Engine revision 3f3e560236
• Dart version 3.2.3
• DevTools version 2.28.4
[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
• Android SDK at /Users/yash.dhrangdhar/Library/Android/sdk
• Platform android-34, build-tools 34.0.0
• Java binary at: /Applications/Android Studio.app/Contents/jbr/Contents/Home/bin/java
• Java version OpenJDK Runtime Environment (build 17.0.9+0-17.0.9b1087.7-11185874)
• All Android licenses accepted.
[✓] Xcode - develop for iOS and macOS (Xcode 15.3)
• Xcode at /Applications/Xcode.app/Contents/Developer
• Build 15E204a
• CocoaPods version 1.15.2
[✓] Chrome - develop for the web
• Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome
[✓] Android Studio (version 2023.2)
• 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 17.0.9+0-17.0.9b1087.7-11185874)
[✓] VS Code (version 1.88.0)
• VS Code at /Applications/Visual Studio Code.app/Contents
• Flutter extension can be installed from:
🔨 https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter
[✓] Connected device (3 available)
• sdk gphone64 arm64 (mobile) • emulator-5554 • android-arm64 • Android 14 (API 34) (emulator)
• macOS (desktop) • macos • darwin-arm64 • macOS 14.4.1 23E224 darwin-arm64
• Chrome (web) • chrome • web-javascript • Google Chrome 123.0.6312.107
[✓] Network resources
• All expected network resources are available.
• No issues found!