Skip to content

Select widget mode is confusing #8155

@elliette

Description

@elliette

It's unintuitive that we have both "Select widget mode" in Flutter DevTools and a magnifier icon at the bottom left of the app that you need to click to select another widget after selecting the first widget [1].

When you first select "Select Widget Mode" in the DevTools inspector, you can select a widget in the app.
Any subsequent selections in the app require you to then click the magnifier icon.

Other users have found this confusing, see #6876.

A few suggestions to make this less confusing:

  1. Always highlight widgets in the app when a user selects them in their Widget Tree (regardless of whether "select widget mode" is enabled). This is how other tools work - in-app select widget mode is decoupled from selection from a developer tool.
  2. Either have the "select widget mode" button (in DevTools) or the "select widget" button on the app.
  • If we have the "select widget mode" button in DevTools, it should get automatically disabled once a widget has been selected, so that a user must manually click it again before selecting a new widget on their app.
  • If we only have the "select widget" button in the app, we should change the icon to the "select widget mode" icon we use in DevTools, and add a semantic label and tooltip.

Screenshot 2024-08-08 at 2 40 47 PM

Metadata

Metadata

Assignees

No one assigned

    Labels

    P2important to work on, but not at the top of the work list.screen: inspector

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions