In ckeditor5 List plugin is not working as expected

[shashankgarg4]

1.List plugin with ListProperties plugin is not working as expected its showing in Ui but not showing in editor when we are selecting any list from dropdown and no errors is shown in console

✔️ Expected result

Actual result is when selecting any list from dropdown its showing in editor What is the expected result of the above steps?

❌ Actual result

Ui is showing same as expected result but when clicking any list numbered or bullet nothing is showing in editor this is my json file i even tried to change list plugin version but its same What is the actual result of the above steps?

[Witoso]

I'm not sure if I fully understand, could it be a duplicate of: #15849?

[shashankgarg4]

Hello @Witoso thanks for the reply actually issue is that List plugin is showing in editor UI but not working when clicking any list numbered or bullet list nothing is happening on clicking list in editor this is my code image i have used same as shown in this documentation https://ckeditor.com/docs/ckeditor5/latest/features/lists/lists-installation.html#list-properties

List is only showing in editor UI but not working when clicking it should work as shown in documentation https://ckeditor.com/docs/ckeditor5/latest/features/lists/lists.html

I hope now its clear what is issue please let me know its solution i have used exactly what its told in documentation and no error is showing in console also

[shashankgarg4]

@Witoso can you please check it

[shashankgarg4]

@Witoso did you checked it?

[Witoso]

This looks like an integration issue, most likely you have some CSS stylesheet with global resets that override CKEditor style. Use your browser's console to investigate the elements.

[CKEditorBot]

The issue lacks the feedback we asked for two weeks. Hence, we've marked it as stale and will close it in 30 days. We understand it may still be relevant, so if you're interested in the solution, leave a comment or reaction under this issue.

[shashankgarg4]

Hello @Witoso see i have added numbered list in this text and in dom its not showing any number

[shashankgarg4]

@Witoso can you please check?

[shashankgarg4]

@Witoso i think this is the same issue which i am facing https://github.com/ckeditor/ckeditor5/issues/3015 when clicking on any list i can see paragraph and indentation button get highlighted

[shashankgarg4]

Hello @Witoso can you please check?

[Witoso]

TBH, I don't have anything to check here, as I mentioned before:

This looks like an integration issue, most likely you have some CSS stylesheet with global resets that override CKEditor style. Use your browser's console to investigate the elements.

Please investigate the stylesheets or resets you have on your webpage as those influence the list rendering.

[valerarusu7]

Apparently, when you use it with tailwind, it goes outside the textarea... haven't found a fix yet

UPDATE: If you overwrite your tailwind styles in your global.css file .ck.ck-content li { margin-left: 24px; }

this fixes the issue

[shashankgarg4]

@valerarusu7 thanks for your reply i already fixed css like yours answers

[abdullah-336]

Apparently, when you use it with tailwind, it goes outside the textarea... haven't found a fix yet

UPDATE: If you overwrite your tailwind styles in your global.css file .ck.ck-content li { margin-left: 24px; }

this fixes the issue

you saved my day!