bug(AutoComplete): small hidden overlay underneath input field which block links

[richardsengers]

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

If you focus the autocomplete field and you don't have any results, for example when you only want to show results after x amount of characters, a hidden overlay stays underneath the input field, and because of this hidden overlay, you are unable to click on links in mat-hints or in mat-errors

Reproduction

StackBlitz link: https://stackblitz.com/edit/syalrr?file=src%2Fexample%2Fautocomplete-auto-active-first-option-example.html
Steps to reproduce:

1. Focus the field
2. Try to click the link underneath

Expected Behavior

It would be nice to be able to select whatever is underneath the mat-autocomplete field

Actual Behavior

Unable to select anything underneath mat-autocomplete

Environment

• Angular:
• CDK/Material: 17.2.0
• Browser(s): Chrome latest
• Operating System (e.g. Windows, macOS, Ubuntu): Windows

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}