Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Typing with Chinese IME Causes Text Overlapping with the Placeholder #4118

Open
dccxi opened this issue Apr 17, 2024 · 3 comments
Open

Typing with Chinese IME Causes Text Overlapping with the Placeholder #4118

dccxi opened this issue Apr 17, 2024 · 3 comments

Comments

@dccxi
Copy link

dccxi commented Apr 17, 2024

Presumably a similar or the same issue as #4021 #4105

Steps for Reproduction

  1. Visit https://quilljs.com/playground/snow
  2. Switch to macOS's native Chinese IME
  3. Start typing in this box
    image

Expected behavior:
Placeholder dismisses as I type

Actual behavior:
Placeholder doesn't dismiss
image

Platforms:
Chrome 123.0.6312.87, macOS 14.2.1
Include browser, operating system and respective versions

Version:
v2.0.0
Run Quill.version to find out

@polaris-hike
Copy link

You can use quillRef. root. dataset. placeholder='Placeholder text' to solve this problem

@luin
Copy link
Member

luin commented May 1, 2024

A quick solution is to listen to compositionstart and clear the placeholder in the handler. Also restore the placeholder in compositionend.

@ludejun
Copy link

ludejun commented May 6, 2024

@dccxi You can use quill-react-commercial.
Feature: When using IME and other input methods (such as Pinyin), placeholders can disappear in a timely manner.

quill-ime-pinyin-placehodler

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants