Skip to content

[Select] Safari autofill doesn't work with select component #771

Description

@pavan-pani

Bug Report

Safari (macOS & iOS) does not recognize the select component for browser autofill, leaving the field empty while all other form field (native inputs) autofill correctly.

Reproducible Examples

Live CodeSandbox : https://codesandbox.io/p/sandbox/withered-glade-gdlvhj

Steps to save address

Chrome:

  • Click on 3 dots (top-right).
  • Select Password and Autofill > Address and More
  • Add address with state

Safari :

  • Open contact app > edit
  • Add address with state
  • Click done
  • Select contact profile that added address
  • Click on Card (top navigation)
  • Select Make This My Card

Steps to reproduce

  1. Open the CodeSandbox in Safari (macOS or iOS)
  2. Ensure you have a saved address (follow the Steps to save address)
  3. Click on the address field to trigger autofill
  4. Observe: Address, city, postal code auto filled, but state dropdown remains empty

Expected : All forms fields including state field dropdown (select dropdown) autofill correctly

Evidence

Tested on both Safari and Chrome. Reproducible 100% of the time

Screenshot/video:

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions