Revert "fix(input): DP-173960 handle composition events (#1082)"

This reverts commit ff4a9a6.

Author: braddialpad

packages/dialtone-vue/components/input/input.test.js

@@ -586,77 +586,6 @@ describe('DtInput tests', () => {
     });
   });
 
-  describe('IME Composition Tests', () => {
-    describe('When type is not a textarea', () => {
-      it('should not emit input or update:modelValue while composing', async () => {
-        await nativeInput.trigger('compositionstart');
-        await nativeInput.trigger('input');
-
-        expect(wrapper.emitted().input).toBeUndefined();
-        expect(wrapper.emitted()['update:modelValue']).toBeUndefined();
-      });
-
-      it('should emit input and update:modelValue after composition ends', async () => {
-        await nativeInput.trigger('compositionstart');
-        await nativeInput.trigger('input');
-
-        nativeInput.element.value = 'か';
-        await nativeInput.trigger('compositionend');
-        await nativeInput.trigger('input');
-
-        expect(wrapper.emitted().input[0][0]).toBe('か');
-        expect(wrapper.emitted()['update:modelValue'][0][0]).toBe('か');
-      });
-
-      it('should resume normal emission after composition ends', async () => {
-        await nativeInput.trigger('compositionstart');
-        await nativeInput.trigger('input');
-        await nativeInput.trigger('compositionend');
-
-        nativeInput.element.value = 'hello';
-        await nativeInput.trigger('input');
-
-        expect(wrapper.emitted().input[0][0]).toBe('hello');
-      });
-    });
-
-    describe('When type is a textarea', () => {
-      beforeEach(() => {
-        mockProps = { type: 'textarea' };
-        updateWrapper();
-      });
-
-      it('should not emit input or update:modelValue while composing', async () => {
-        await nativeTextarea.trigger('compositionstart');
-        await nativeTextarea.trigger('input');
-
-        expect(wrapper.emitted().input).toBeUndefined();
-        expect(wrapper.emitted()['update:modelValue']).toBeUndefined();
-      });
-
-      it('should emit input and update:modelValue after composition ends', async () => {
-        await nativeTextarea.trigger('compositionstart');
-        await nativeTextarea.trigger('input');
-
-        nativeTextarea.element.value = 'か';
-        await nativeTextarea.trigger('compositionend');
-        await nativeTextarea.trigger('input');
-
-        expect(wrapper.emitted().input[0][0]).toBe('か');
-        expect(wrapper.emitted()['update:modelValue'][0][0]).toBe('か');
-      });
-
-      it('should not override textarea value via modelValue watcher while composing', async () => {
-        nativeTextarea.element.value = 'composing...';
-        await nativeTextarea.trigger('compositionstart');
-
-        await wrapper.setProps({ modelValue: 'external update' });
-
-        expect(nativeTextarea.element.value).toBe('composing...');
-      });
-    });
-  });
-
   describe('Extendability Tests', () => {
     it('should handle pass through props/attrs', async () => {
       expect(nativeInput.attributes()).toMatchObject(baseAttrs);

packages/dialtone-vue/components/input/input.vue

@@ -373,7 +373,6 @@ export default {
       isInvalid: false,
       defaultLength: 0,
       hasSlotContent,
-      isComposing: false,
     };
   },
 
@@ -409,16 +408,7 @@ export default {
 
     inputListeners () {
       return {
-        compositionstart: () => {
-          this.isComposing = true;
-        },
-
-        compositionend: () => {
-          this.isComposing = false;
-        },
-
         input: async event => {
-          if (this.isComposing) return;
           let val = event.target.value;
           if (this.type === INPUT_TYPES.FILE) {
             const files = Array.from(event.target.files);
@@ -544,8 +534,7 @@ export default {
         }
 
         // Set textarea value programmatically to avoid attribute binding
-        // Skip during IME composition to avoid interrupting in-progress input
-        if (this.isTextarea && this.$refs.input && this.$refs.input.value !== newValue && !this.isComposing) {
+        if (this.isTextarea && this.$refs.input && this.$refs.input.value !== newValue) {
           this.$refs.input.value = newValue;
         }
       },