Dropdown detaches from input on Safari

[mblamauer]

Describe the bug

Dropdown of inputs get moved towards the top of the page when interacting with the input. Might have something to do with the on screen keyboard, as things get moved up when it appears.

How to reproduce

Stackblitz example

Steps to reproduce the behavior:

1. Type something into the input element
2. sometimes dropdown appears at the top of the page
3. if not: remove everything again -> now it should be at the top

Expected behavior

Dropdown should be attached to the input at all times, even when the on-screen keyboard is moving everything up on the page

Versions

Clarity version:

@cds/core: 6.4.4
@clr/angular: 15.6.0
@clr/ui: 15.6.0

Framework version:
Angular 15/16

Device:

• Type: iPad
• OS: iPadOS 16.5.1
• Browser: Safari, Microsoft edge (114)