jodit / jodit/jodit-react

[Bug]: Korean typing issue on iOS

Open
#329 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug
Dominant language
TypeScript
Stars
406
Forks
131
Avg merge
2h 32m
Merged PRs (30d)
2

Description

Jodit Version

5.3.21

Browser

Safari

Operating System

Other

React Version

19.2.0

Code to reproduce
import React, { useState, useRef, useMemo } from 'react';
import JoditEditor from 'jodit-react';

const Example = ({ placeholder }) => {
  const editor = useRef(null);
  const [content, setContent] = useState('');

  const config = useMemo(
    () => ({
      readonly: false, // all options from https://xdsoft.net/jodit/docs/,
      placeholder: placeholder || 'Start typings...'
    }),
    [placeholder]
  );

  return (
    <JoditEditor
      ref={editor}
      value={content}
      config={config}
      tabIndex={1} // tabIndex of textarea
      onBlur={newContent => setContent(newContent)} // preferred to use only this option to update the content for performance reasons
      onChange={newContent => {}}
    />
  );
};
Expected behavior

Korean should be typed as user intended.

Actual behavior

On any version of Jodit React (even on Jodit itself), when I trying to type in Korean on iOS, it keeps removing or adding last text.

This bug appears in jodit example page too.

https://github.com/user-attachments/assets/35307ed7-e0f1-4c9f-a5f6-eadf88609e1c

Additional context

No response

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the issue in the Jodit example page with Korean input in iOS Safari, then compare the JoditEditor React wrapper with Jodit itself. Check how text composition and change events behave during Korean typing. Done means Korean text remains exactly as entered in both the React example and the underlying editor.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend, mobile-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.