Skip to content
This repository was archived by the owner on Nov 30, 2023. It is now read-only.
This repository was archived by the owner on Nov 30, 2023. It is now read-only.

[Web] ListTile title shift to the right on rebuild. #93

Open
@raphael-bmec-co

Description

@raphael-bmec-co

Steps to reproduce

  1. Create a new Flutter project (increment template).
  2. Add a ListTile into the Column in MyHomePage:
ListTile(
  leading: Icon(Icons.warning),
  title: Text("This text moves to the right when the mouse enters the display on web."),
),
  1. 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

  1. I initially observed this behaviour when a ListTile was included in a dialog. The shift occurred on the first click within the dialog rather than on the mouseover.
  2. 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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions