Skip to content

Components slow down when zoomed on mobile #6555

@ugur-vaadin

Description

@ugur-vaadin

Description

I added a single checkbox to the page. When I click the checkbox without zoom, it is instant. However, even with the slightest zoom, the value change is delayed significantly.

This also happens with radio button and listbox. I have only tried with those 3 components, but it is likely that there are more affected.

Expected outcome

I would expect there would be no delay.

Minimal reproducible example

<vaadin-checkbox>Example</vaadin-checkbox>

Steps to reproduce

  1. Add the component to a page
  2. Use an iOS device to view the page
  3. Chick the checkbox to observe the speed
  4. Zoom in
  5. Click again and observe the delay

Environment

Vaadin version(s): 24.3, 23.3
OS: iOS (haven't tried on Android)

Browsers

Chrome, Safari on iOS

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions