facebookarchive/draft-js

Wrong behaviour of draft editor when quick typing (using cypress)

Open

#1,460 opened on Oct 26, 2017

View on GitHub
 (5 comments) (4 reactions) (0 assignees)JavaScript (2,646 forks)batch import
bughelp wanted

Repository metrics

Stars
 (22,554 stars)
PR merge metrics
 (No merged PRs in 30d)

Description

bug When typing text in a div with role='textbox', it's not going to be handled correctly. First letter goes to newly created block but rest of the text is going directly to the div.

current behavior video recording screenshot

steps to reproduce run in cypress (tool to run GUI tests)

describe('Draft tests', function(){

    it('Should type in one line', function(){
        cy.visit('https://draftjs.org')
            .get('.public-DraftEditor-content')
            .wait(1000)
            .type('Text in one line ')
            .wait(3000)
    })
})

expected behavior Text should be in one line and whole in one div.

version of Draft.js 0.10.3

browser / OS Chrome 62, macOS 10.12.6

Contributor guide

Research direction
Investigate how Draft.js handles input composition events during rapid typing. The first character triggers creation of a new block, but subsequent characters go directly to the existing div. Examine the event flow in DraftEditor's onChange and compositionStart/compositionEnd handlers. Trace the path from keyboard input to DOM manipulation to understand the discrepancy.
Tech stack
javascriptreact
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.
Mostly clear
Prerequisites
GitReactCypress
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
40