material-components-flutter
material-components-flutter copied to clipboard
[Web] `ListTile` `title` shift to the right on rebuild.
Steps to reproduce
- Create a new Flutter project (increment template).
- Add a
ListTile
into theColumn
inMyHomePage
:
ListTile(
leading: Icon(Icons.warning),
title: Text("This text moves to the right when the mouse enters the display on web."),
),
- Once the page has loaded, move the mouse onto the page.
Observed behaviour (bug)
The text will shift slightly to the right.
Expected behaviour
The text does not move.
Additional information
- I initially observed this behaviour when a
ListTile
was included in adialog
. The shift occurred on the first click within the dialog rather than on the mouseover. - If
visualDensity: VisualDensity.standard,
is set then the issue no longer occurs.
flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel beta, 1.24.0-10.2.pre, on Microsoft Windows [Version 10.0.18363.1316], locale en-ZA)
[!] Android toolchain - develop for Android devices (Android SDK version 30.0.2)
X Android license status unknown.
Run `flutter doctor --android-licenses` to accept the SDK licenses.
See https://flutter.dev/docs/get-started/install/windows#android-setup for more details.
[√] Chrome - develop for the web
[√] Android Studio (version 4.1.0)
[√] Connected device (3 available)
! Doctor found issues in 1 category.
Looking forward to some feedback on this.
Thanks.
Thanks for filing this issue @raphael-bmec-co
Could you instead file the issue in the flutter framework itself at https://github.com/flutter/flutter/issues, thanks!
Thank you. Sorry about that. I did read the check but didn't think this was related to the framework. I will repost it there.