Chips: Double letters when IME is enabled

[suntel-nagamine]

Describe the bug

When I enable IME (Input Method Editor) to input Japanese characters, the same character is doubled.

Is it possible to use the compositionstart and compositionend events for input to control the text so that it is not doubled?

Amendment

Chips.vue:

  data() {
    return {
      id: UniqueComponentId(),
      inputValue: null,
      focused: false,
      focusedIndex: null,
      isComposing: false,  // add
    };
  },
  // add
  mounted() {
    this.$refs.input.addEventListener("compositionstart", () => {
      this.isComposing = true;
    });
    this.$refs.input.addEventListener("compositionend", () => {
      this.isComposing = false;
    });
  },
  // add end

    onKeyDown(event) {
      const inputValue = event.target.value;

      switch (event.code) {
        case "Backspace":
          if (
            inputValue.length === 0 &&
            this.modelValue &&
            this.modelValue.length > 0
          ) {
            if (this.focusedIndex !== null) {
              this.removeItem(event, this.focusedIndex);
            } else this.removeItem(event, this.modelValue.length - 1);
          }
          break;

        case "Enter":
          if (inputValue && inputValue.trim().length && !this.maxedOut && !this.isComposing) {  // change
            this.addItem(event, inputValue, true);
          }

          break;

Reproducer

No response

PrimeVue version

3.16.2

Vue version

3.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

Chrome 105

Steps to reproduce the behavior

No response

Expected behavior

No response

[choimon]

I'm also having the similar problem. When I enter a Korean word in the chips, the last letter of the word is doubled. for example, if I enter '한글' (two-letter word in korean), two words '한글', '글' chips get automatically added.

[ameryu716]

Same me. Unfortunately, it appears to be an IME unfriendly framework.
Although of course it is a great repository.

[a20246]

Same me.I think both #5001 and this issue are related to the spell input method.

[github-actions]

Due to PrimeTek's demanding roadmap for PrimeVue and the limited bandwidth of the core team, this issue is available for anyone to work on. Make sure to reference this issue in your pull request. ✨ Thank you for your contribution! ✨