Skip to content

bug(autocomplete): wrong position of options list on iOS devices #32583

@sven-hb

Description

@sven-hb

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

version 20

Description

Hi,
we are experiencing an issue with the autocomplete control in the latest Version 21.0.5 on iOS devices (iPad, iPhone).
When the user clicks into the autocomplete field, the virtual keyboard opens, but the autocomplete option list ist displayed in the wrong position.

Reproduction

You can reproduce this on the offical angular material demo page:
https://material.angular.dev/components/autocomplete/overview

  1. Click on an autocomplete control in the demo page (version 21.0.5. selecteted)
Image
  1. Observe the behavior when the virtual keyboard opens (position of options list wrong)
Image Image

Expected Behavior

The autocomplete options list should appear in the correct position, aligned with the input field, regardless of the virtual keyboard's appearance.

Actual Behavior

When the user clicks into the autocomplete field, the virtual keyboard opens, and the autocomplete options are incorrectly positioned, for example, overlapping the input box.

Environment

  • Angular: 21
  • CDK/Material: 21.0.5
  • Browser(s):
  • Operating System (e.g. Windows, macOS, Ubuntu): iOS

Metadata

Metadata

Assignees

Labels

P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentarea: cdk/overlay

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions