facebookarchive/draft-js

Indenting list block of one type inside the other

Open

#443 geöffnet am 5. Juni 2016

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

Beschreibung

If I create a OL of 2 items and change depth of 2nd item to 2, like this:

1. ITEM1
      2. ITEM2

If I change type of 2nd item to UL it looses it depth:

1. ITEM1

2. ITEM2

But now if I try to indent second item, it works

1. ITEM1

    2. ITEM2

While indenting its checked that block above is list, but its not checked if its list of same type. Also, please find gif attached. I can create a PR for the fix.

Contributor Guide

Tech Stack
javascriptreact
Domain
frontend
Issue Type
bug
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 hours
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
Basic understanding of ReactFamiliarity with Draft.js editor internals
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
40
Research-Richtung
Investigate the Draft.js list indentation logic, specifically how block types are changed and depth is maintained. Look at the source files handling OL and UL block rendering, especially the 'RichTextEditor' or 'EditorState' utilities. The bug occurs when changing a list item type from OL to UL and the depth resets. Focus on the function that updates block type and its handling of depth. Examine the code in 'lib/EditorState.js' or similar that processes block metadata during type changes. The fix likely involves ensuring that the depth property is preserved when only the type field is modified.