facebookarchive/draft-js

Draft breaks when pressing enter on atomic block

Open

#1191 aperta il 4 mag 2017

Vedi su GitHub
 (4 commenti) (8 reazioni) (0 assegnatari)JavaScript (2646 fork)batch import
documentationgood first issue

Metriche repository

Star
 (22.554 star)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

Do you want to request a feature or report a bug? BUG

What is the current behavior? When the Image is not 100% wide in the editor and you focus cursor after it and press enter you get.

invariant.js:44 Uncaught Invariant Violation: Unknown DraftEntity key.

If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem. You can use this jsfiddle to get started: https://jsfiddle.net/stopachka/m6z0xn4r/.

In Media example remove the width styles like showed below. https://github.com/facebook/draft-js/compare/master...leniartek:patch-1 Than place the cursor after image and press enter. image

What is the expected behavior?

Enter to create a empty new line after image.

Which versions of Draft.js, and which browser / OS are affected by this issue? Did this work in previous versions of Draft.js?

all draft versions all browsers

Guida contributor

Direzione di ricerca
Il bug si verifica quando si preme Invio dopo un blocco atomico (ad es. un'immagine) che non è largo al 100%, causando un invariante 'Chiave DraftEntity sconosciuta'. Il problema include un jsfiddle e una patch (https://github.com/facebook/draft js/compare/master...leniartek:patch 1) che rimuove gli stili di larghezza per riprodurlo. Per risolvere, investigare come Draft.js gestisce i blocchi atomici alla pressione del tasto Invio, in particolare la rimozione della chiave dell'entità. Il repository è archiviato, quindi qualsiasi correzione dovrebbe essere inviata a un fork.
Tech stack
javascriptreact
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Datata
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
Basic knowledge of Draft.jsReact experience
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
30