Skip to content

Screen focus is lost when a user clicks on a list item in a lengthy list block  #19682

@skorasaurus

Description

@skorasaurus

Describe the bug
When a user tries to edit an item near the end of a list block with lengthy content, is not alread in that block, and clicks on the list item, the user is brought to the center of the list block. For longer lists, this behavior (re-centering/focusing) is problematic for users who expect the screen to remain where they clicked.

It is a bit difficult to exactly express this behavior, but this GIF captures it quite nicely.
ezgif-6-6b059c98208b

To reproduce
Steps to reproduce the behavior:

  1. Create a list with lengthy items that would extend beyond the current view of the desktop.
  2. scroll to a list item that is near the end of the list
  3. click on a list item

Expected behavior
When a user clicks on a list item, the current view of the screen would remain where the user clicked; not towards the center of the block.

Desktop (please complete the following information):

  • Firefox (have not tested this on Chrome) on both linux and windows
  • Gutenberg v7.2.0;
  • replicated this on both TwentyTwenty theme and our internal custom theme.

Work around
I've been able to workaround this with our content editors by instructing them to first click anywhere within the list block (which establishes initial focus), and then click the list item that they wish to edit.

Metadata

Metadata

Assignees

No one assigned

    Labels

    [Feature] Writing FlowBlock selection, navigation, splitting, merging, deletion...[Priority] HighUsed to indicate top priority items that need quick attention[Type] BugAn existing feature does not function as intended

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions