search

nextui-org / nextui

🚀 Beautiful, fast and modern React UI library.
https://nextui.org
MIT License
21.63k stars 1.42k forks source link

[BUG] - Autocomplete dose not support IME #2121

Open XNCOAISN opened 10 months ago

XNCOAISN commented 10 months ago

NextUI Version

2.2.9

Describe the bug

When I select a choice from the IME, the input is confirmed.

With this bug, Japanese, Chinese and Korean users would not be able to use Autocomplete.

I don't know the exact cause, but it may be the same cause as this problem. https://github.com/mantinedev/mantine/issues/1565

Your Example Website or App

https://nextui.org/docs/components/autocomplete

Steps to Reproduce the Bug or Issue

https://github.com/nextui-org/nextui/assets/39142826/e8c37a72-45e0-4810-b851-b2c074ac6616

Select "Cat" Remove "at" Enter "猫" Deleted parts will be restored when you confirm the conversion.

Expected behavior

I don't want to change the value when converting

In the video example, when converting to "猫", you want to convert it to "C猫" instead of "Cat猫"

Screenshots or Videos

No response

Operating System Version

macOS

Browser

Chrome

ryo-manba commented 5 months ago

Hi @XNCOAISN ,

Using the allowsCustomValue prop should resolve this issue. Please try it out! https://nextui.org/docs/components/autocomplete#custom-value

EDIT: It might be better to solve this problem without specifying allowsCustomValue. I've submitted a PR to upstream and it will probably be fixed once this is reflected.

https://github.com/nextui-org/nextui/assets/76232929/1cfa8e08-7174-4cc3-b224-dfe7ec1b8c42