Skip to content

bug(mat-chip-grid): when used with a matChipInput, element has children which are not allowed #28067

@kainiedziela

Description

@kainiedziela

Is this a regression?

  • Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

<mat-chip-grid> used with a matChipInput results in a critical accessibility error: "Element has children which are not allowed"

Reproduction

StackBlitz link: https://stackblitz.com/edit/yahkft?file=src%2Fexample%2Fchips-input-example.html
Steps to reproduce:

  1. Install axe dev tools
  2. Run axe through the example

Expected Behavior

Compliance with axe

Actual Behavior

Broken "aria-required-children" rule

Environment

  • Angular: 16
  • CDK/Material: 16
  • Browser(s): any
  • Operating System (e.g. Windows, macOS, Ubuntu): any

Metadata

Metadata

Assignees

No one assigned

    Labels

    P2The issue is important to a large percentage of users, with a workaroundarea: material/chips

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions