vmware-clarity / ng-clarity

Clarity Angular is a scalable, accessible, customizable, open-source design system built for Angular.

Home Page:https://clarity.design

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Dropdown detaches from input on Safari

mblamauer opened this issue · comments

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.

clr_dropdown_small

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)