Skip to content

DateInput is duplicated or corrupted when typing numbers with a Chinese IME #4718

@wert8501

Description

@wert8501

Description

The Kendo UI for Angular DateInput component exhibits incorrect behavior, such as duplicated or jumbled input, when entering numbers using a Chinese Input Method Editor (IME). This issue does not occur with a standard English keyboard layout and appears to be related to how the component handles IME composition events.

Steps To Reproduce

  1. Enable a Chinese IME on your operating system.

  2. Navigate to the official Kendo UI for Angular DateInput events demo page: https://www.telerik.com/kendo-angular-ui/components/dateinputs/dateinput/events

  3. Click on the date input field to focus it.

  4. While the Chinese IME is active, type a sequence of numbers to enter a date (e.g., attempt to type 1234).

Observe the content in the input field and the Event log below.

Screenshots or video

demonstrates the erroneous behavior when using a Chinese IME.
https://github.com/user-attachments/assets/e91ca66d-65e4-47df-91f3-59dd6cdf7a50

demonstrates the correct behavior with a standard English keyboard for comparison.
https://github.com/user-attachments/assets/da3a9835-dd4d-45e4-93b3-755354d04f21

Actual Behavior

When typing numbers with a Chinese IME, the input is processed incorrectly and often duplicated. For instance, typing just 1234 might result in the value becoming 11/22/3344 or another unexpected format. Concurrently, the Event log below shows the change event being fired excessively and incorrectly.

Expected Behavior

The DateInput component should behave consistently regardless of the active input method, including IMEs. Typing a sequence of numbers (e.g., 11222025) should be correctly parsed and formatted as 11/22/2025, just as it does with a standard English keyboard. The change event should only be triggered appropriately after a valid date segment (month, day, or year) is completed, not prematurely during the IME's composition process.

Browser

Chrome, Microsoft Edge

Browser version

latest

OS type

Windows

OS version

Windows 11

Last working version of the Kendo UI for Angular package (if regression).

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions