Wysiwyg-editor: Bullet Indent/Outdent Issue

Created on 13 Nov 2019  路  2Comments  路  Source: froala/wysiwyg-editor

Steps to reproduce the problem.

I am facing issue related to bullet indent/outdent which is as follows:

  1. Create an Ordered/unordered list from toolbar button.
  2. Add three to 4 items in bullets
  3. Now increase indentation through tool bar button
  4. Create 3 to 4 items in bullets.
  5. Select any item except the first item in the sublist(in which indentation is increased)
  6. Press decrease indent button
  7. Note that items do not move to previous/original position.

Video is attached for reference and it is producible on the new version 3.0.6; check the following link to produce it.
https://jsfiddle.net/4fb18s6m/1/

Expected behavior.

Items should move to previous position

Actual behavior.

Note that items do not move to previous/original position.

Editor version.

version 3.0.6

OS.

windows 10

Browser.

chrome

Recording.

bullet-Outdent-Issue

bug version 3

All 2 comments

Also having this issue, another way to reproduce is by indenting one list item using the indent button and another using the tab key.

image

From my understanding it looks like using the indent button is both creating a nested list and adding the indent margin (default 20px), whereas just using tab to indent does not add the indent margin.

I can confirm the behaviour described by drampelt.
In my opinion the attribute style="margin-left: 20px" should never be set on <li> elements.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Fandangi picture Fandangi  路  3Comments

george-norris-salesforce picture george-norris-salesforce  路  4Comments

archonic picture archonic  路  4Comments

bnjmnfnk picture bnjmnfnk  路  4Comments

studiotemple picture studiotemple  路  3Comments