facebookarchive/draft-js

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

Open

#1 460 ouverte le 26 oct. 2017

Voir sur GitHub
 (5 commentaires) (4 réactions) (0 assignés)JavaScript (2 646 forks)batch import
bughelp wanted

Métriques du dépôt

Stars
 (22 554 stars)
Métriques de merge PR
 (Aucune PR mergée en 30 j)

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

Guide contributeur

Direction de recherche
Étudiez comment Draft.js gère les événements de composition d'entrée lors de la frappe rapide. Le premier caractère déclenche la création d'un nouveau bloc, mais les caractères suivants vont directement dans le div existant. Examinez le flux d'événements dans les gestionnaires onChange et compositionStart/compositionEnd de DraftEditor. Tracez le chemin de la saisie au clavier à la manipulation du DOM pour comprendre la divergence.
Stack technique
javascriptreact
Domaine
frontend
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Ancienne
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Plutôt claire
Prérequis
GitReactCypress
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
40