facebookarchive/draft-js

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

Open

#1.460 geöffnet am 26. Okt. 2017

Auf GitHub ansehen
 (5 Kommentare) (4 Reaktionen) (0 zugewiesene Personen)JavaScript (22.554 Stars) (2.646 Forks)batch import
bughelp wanted

Beschreibung

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

Tech Stack
javascriptreactcypress
Domain
frontend
Issue Type
bug
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
4
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-2 days
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
stale
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
Voraussetzungen
ReactDraft.js basicsCypress testingJavaScript
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
45
Research-Richtung
Investigate the Draft.js source code, focusing on the DraftEditor component and its handling of keyboard events. The issue mentions incorrect behavior when typing quickly; check the onBeforeInput and onChange handlers, particularly how they manage the editor state and DOM updates. Look for any known workarounds or fixes in recent commits or forks, as the repository is archived.