fix(TagsInput): korean IME duplicate tags with nextTick in onCompositionEnd (#2045)

jinyongp · zernonia · web-flow · commit ae80974fb12d · 2025-07-16T11:03:09.000+08:00
* fix(TagsInput): replace requestAnimationFrame with nextTick in onCompositionEnd

* fix: change compositionEnd on listbox

---------

Co-authored-by: zernonia &lt;zernonia@gmail.com&gt;
diff --git a/packages/core/src/Listbox/ListboxRoot.vue b/packages/core/src/Listbox/ListboxRoot.vue
@@ -227,7 +227,7 @@ function onCompositionStart() {
   isComposing.value = true
 }
 function onCompositionEnd() {
-  requestAnimationFrame(() => {
+  nextTick(() => {
     isComposing.value = false
   })
 }
diff --git a/packages/core/src/TagsInput/TagsInputInput.vue b/packages/core/src/TagsInput/TagsInputInput.vue
@@ -51,7 +51,7 @@ function onCompositionStart() {
   isComposing.value = true
 }
 function onCompositionEnd() {
-  requestAnimationFrame(() => {
+  nextTick(() => {
     isComposing.value = false
   })
 }

Original file line number	Diff line number	Diff line change
`@@ -227,7 +227,7 @@ function onCompositionStart() {`
`227`	`227`	`isComposing.value = true`
`228`	`228`	`}`
`229`	`229`	`function onCompositionEnd() {`
`230`		`- requestAnimationFrame(() => {`
	`230`	`+ nextTick(() => {`
`231`	`231`	`isComposing.value = false`
`232`	`232`	`})`
`233`	`233`	`}`
Original file line number	Diff line number	Diff line change
`@@ -51,7 +51,7 @@ function onCompositionStart() {`
`51`	`51`	`isComposing.value = true`
`52`	`52`	`}`
`53`	`53`	`function onCompositionEnd() {`
`54`		`- requestAnimationFrame(() => {`
	`54`	`+ nextTick(() => {`
`55`	`55`	`isComposing.value = false`
`56`	`56`	`})`
`57`	`57`	`}`