Skip to content

Input adornment of multi select Autocomplete is misaligned #46904

@wbosley

Description

@wbosley

Steps to reproduce

Steps:

  1. Open this link to live example: (required)
  2. Add or remove items from Autocompletes to see alignment being problematic.

Current behavior

An end adornment has been added to the renderInput of the AutoComplete, alongside the drop down arrow that was already there.

When enough items are selected (as shown in the defaults in the second Autocomplete), the end adornment is pushed around, rather than staying vertically centered and on the right.

Expected behavior

The additional endAdornment should have the same behavior as the pre existing end adornment.

Context

Create an autocomplete with multiSelect with an endAdornment

Your environment

See CodeSandbox

Search keywords: autocomplete, input adornment, end adornment, misaligned

Metadata

Metadata

Assignees

Labels

scope: autocompleteChanges related to the autocomplete. This includes ComboBox.type: expected behaviorThe current behavior is already the one expected.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions