Skip to content

[type: list] with multiple text fields loses input focus on every keypress #2

@volocyuha

Description

@volocyuha

Description:

When editing a type: list blueprint field that contains two or more type: text subfields, the active input loses focus after every single keypress. This makes it impossible to type more than one character at a time or select text within the field.

Steps to reproduce:

  1. Create a page blueprint with a type: list field containing two or more type: text subfields (e.g. .label and .content)
  2. Open that page in the Admin panel
  3. Click on any text input inside a list item
  4. Type any character

Expected behavior: Input stays focused, user can type normally.
Actual behavior: Input loses focus after each keypress. User must re-click the field for every character. Text selection is also impossible.

Notes:

  • The issue affects ALL type: list fields with multiple subfields across different pages and tabs
  • Lists with a single .value subfield (type: select) work correctly
  • Simple type: text fields outside of lists work correctly
  • Root cause appears to be Vue re-rendering the entire list component on each input event, causing the focused element to unmount and remount

Environment:
Grav: 2.0.0-beta.1
Admin plugin: 2.0.0-beta.12
Browser: Mozilla Firefox 150.0 (64-bit)
OS: Windows 11

Image Image

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