t.getStyle is not a function when dragging a list

[dpapala]

📝 Provide detailed reproduction steps (if any)

1. The ClassicEditor is loaded
2. I drag and drop a list in the editor (see screenshot)

❌ Actual result

The console error

This the function that is called getAttributeOnUpcast( listParent ) { return listParent.getStyle( 'list-style-type' ) || DEFAULT_LIST_TYPE; } in listpropertiesediting.js

This error comes periodically not every time that I drag and drop the same list.

📃 Other details

• Browser: Firefox 105.0.3
• OS: Windows 11
• First affected CKEditor version: 5

---

If you'd like to see this fixed sooner, add a 👍 reaction to this post.

[mabryl]

Hi dpapala,

Thanks for bringing this issue to our attention. I tried reproducing it on my end but wasn't able to do it. Could you provide us with more detailed steps on how to recreate the issue?

I know that you mentioned that the error appears irregularly but maybe you noticed some pattern when it occurs? Is it just this one particular list that is problematic? And if so, could you paste it in this conversation retaining its formatting?

And could you tell us what build of our editor you're using? Is it a custom version built from source or maybe it's one of our predefined builds?

[dpapala]

@mabryl It is a custom build. I try to drag a simple unordered list. Herre is the html code: `

• __USER__The user's full name (including title)

                        <li><code>__ID__</code><font style="vertical-align: inherit;">Internal Die Event ID </font></li>
                        <li><code>__CERTID__</code><font style="vertical-align: inherit;">The unique ID of the certificate </font></li>
                        <li><code>__TITLE__</code><font style="vertical-align: inherit;">The title of the training event </font></li>
                        <li><code>__DATE__</code><font style="vertical-align: inherit;">The day the certificate was issued </font></li>
                    </ul>`

Something that I noticed is that I get the current error only when the editor is empty of content.

[mabryl]

Resurrecting this thread because thanks to a report from one of our customers I found a way to more consistently reproduce this issue.

Firstly, the listPropertiesEditing plugin has to be included. documentListPropertiesEditing does not produce this issue. Then, try setting this HTML as the editor's data - <li>test</li>.

It looks like the editor doesn't like the fact that the <li> is not wrapped in an <ul> or <ol>. When you include just the opening tag, e.g. like so - <ul><li>test</li> - the issue isn't reproducible.

Not exactly sure how it's related to the dragging issue that @dpapala initially reported but it's possible that somehow the <ul> or <ol> tags get dropped when dragging the list and this prompts the issue to appear.

[Witoso]

Thanks, @mabryl! Most likely, this issue won't be picked up, as we have #14632 in the pipeline that should finish soon. I highly recommend switching to the Document list, as this will be our main list implementation.