Skip to content

[bug]: Safari browser not working tab on selectables and checkboxes #8417

@ggukggukee

Description

@ggukggukee

Describe the bug

When using Safari browser and try to go to another input by clicking Tab it skip select component and checkbox and goes to another input

For example for this fields:
from Card Number it goes to CVV skipping Month and Year.
Image

But everything is fine when using Chromium based browsers.

https://ui.shadcn.com/docs/components/field

Affected component/components

Field, Checkbox, Select, Combobox

How to reproduce

  1. Go to https://ui.shadcn.com/docs/components/field
  2. Click on Preview's Name on Card input
  3. Click Tab until Month and you'll see it skips to CVV

Codesandbox/StackBlitz link

No response

Logs

System Info

MacOS Tahoe 26.1
Safari Version 26.1 (21622.2.9.11.2)

Before submitting

  • I've made research efforts and searched the documentation
  • I've searched for existing issues

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions