Skip to content

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

@pavan-pani

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
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions