zenoamaro/react-quill

Paste something will trigger the blur event.

Open

#276 opened on Oct 4, 2017

View on GitHub
 (21 comments) (8 reactions) (0 assignees)JavaScript (6,238 stars) (860 forks)batch import
good first issue

Description

Hi, If you paste something, the onBlur event is triggered immediately. It will then not fire after you clicked outside.

Example: https://codepen.io/anon/pen/qPVQGK?editors=0010#0

  1. Paste something
  2. See how the alert shows up onBlur
  3. click outside (expect the alert box to show, will not show)

React-Quill version

  • master
  • 0.4.1
  • 1.0.0-beta-1
  • 1.0.0-beta-2
  • 1.0.0-beta-3
  • 1.0.0-beta-4
  • 1.0.0-beta-5
  • 1.0.0-rc-1
  • 1.0.0-rc-2
  • 1.0.0-rc-3
  • 1.0.0
  • 1.1.0
  • Other (fork)

Contributor guide

Tech stack
reactjavascript
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
ReactQuill event handling
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60
Research direction
Investigate why pasting into the Quill editor triggers onBlur. The issue likely stems from how Quill handles clipboard events, causing a focus loss that React interprets as a blur. Look at the component's event handlers in src/component.js and Quill's clipboard module (https://github.com/quilljs/quill/blob/develop/modules/clipboard.js). Consider if the onBlur should be suppressed during paste or if the focus should be restored after paste. Check existing comments for any proposed fixes.