Skip to content

[ComboxInput] Chinese composition not handled #966

@jeff0723

Description

@jeff0723

🐛 Bug report

Current Behavior

I tried to build a autocomplete search bar with combox, however, I encounter composition issue that is not handled by Combox.

 <ComboboxInput
                value={value}
                onChange={(e) => {
                    setValue(e.target.value)
                }}
                disabled={!ready}
                className='bg-transparent focus:outline-none w-full text-[16px]'
                placeholder="Search an place..."
            />

When I type Chinese words on IOS browser, it will always have Zhuyin left. I believe it's the issue of onCompositionStart/onCompositionUpdate and onChage order.

Expected behavior

Reproducible example

CodeSandbox Template

Suggested solution(s)

Additional context

Your environment

Software Name(s) Version
Reach Package
React
Browser
Assistive tech
Node
npm/yarn
Operating System

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