SAP / ui5-webcomponents

UI5 Web Components - the enterprise-flavored sugar on top of native APIs! Build SAP Fiori user interfaces with the technology of your choice.
https://sap.github.io/ui5-webcomponents/
Apache License 2.0
1.51k stars 263 forks source link

[SF][Input]: Input box behave incorrectly when using non-english language in Safari #5838

Closed tandan0813 closed 1 year ago

tandan0813 commented 2 years ago

Describe the bug When using Safari browser and using non-english language such as Chinese or Japanese, the input box behaves incorrectly. It will keep the letters that have already been made into words.

To Reproduce Steps to reproduce the behavior:

  1. Go to Safari browser
  2. Use non-english input method
  3. Type something into input box
  4. See error

Screenshots

image

UI5 Web Components for React Information @ui5/webcomponents version: 1.7.1 @ui5/webcomponents-react version: 0.28.2 Operating System: Browser: Safari

Lukas742 commented 2 years ago

Thanks for reporting! I'll forward this issue to our UI5 Web Components Colleagues as the affected component is developed in their repository.

PetyaMarkovaBogdanova commented 2 years ago

Hi @tandan0813 , unfortunately, I cannot reproduce the issue that you are describing. Can you, please, provide a snippet with the usage of ui5-input component, that triggers the problem. Also if the issue is visible only in Safari, are you using some plugins like auto-corrector, that can be causing it? Thank you!

Best regards, Petya Markova. (UI5 Web Components Dispatcher)

tandan0813 commented 2 years ago

No, i didn't use any plugins and i just tried the following Input examples in Safari, it behaves the same. https://sap.github.io/ui5-webcomponents-react/?path=/docs/inputs-input--default-story

2022-09-26_10-28-31 (1)

georgimkv commented 2 years ago

I could reproduce this issue:

  1. Added Chinese as an input language to macOS
  2. On each input element, type "a" then press Space.

https://codesandbox.io/s/ui5-webcomponents-forked-bd5q2o?file=/index.html

https://user-images.githubusercontent.com/22086365/192829450-4e95b965-24b0-4e2e-b56c-b05a7fc65df0.mov

georgimkv commented 2 years ago

FYI @SAP/ui5-webcomponents-topic-rl