TipTap RichEditor: trouble with lists

I'm editing some HTML rich content under Filament v4. I've observed that the editor makes editing lists nearly impossible if the list items don't contain paragraph tags.

To reproduce:

My model's data contains the following HTML snippet:

<ul>
<li>one</li>
<li>two</li>
<li>three</li>
<li>four</li>
</ul>

<ul>
<li>one</li>
<li>two</li>
<li>three</li>
<li>four</li>
</ul>

When viewed in the TipTap editor, I cannot or delete certain items in the list. I can't even place the cursor inside some list items with the mouse or arrow keys.

However, if I change the snippet to the following, the issues are resolved:

<ul>
<li><p>one</p></li>
<li><p>two</p></li>
<li><p>three</p></li>
<li><p>four</p></li>
</ul>

<ul>
<li><p>one</p></li>
<li><p>two</p></li>
<li><p>three</p></li>
<li><p>four</p></li>
</ul>

Is this known/expected? Does every list item need a paragraph tag in TipTap? Is it possible that I need to install a non-standard extension? Any help/guidance will be appreciated! Thank you.

Filament•6mo ago•

2 replies

dominic

TipTap RichEditor: trouble with lists

<ul>
<li>one</li>
<li>two</li>
<li>three</li>
<li>four</li>
</ul>

<ul>
<li>one</li>
<li>two</li>
<li>three</li>
<li>four</li>
</ul>

<ul>
<li><p>one</p></li>
<li><p>two</p></li>
<li><p>three</p></li>
<li><p>four</p></li>
</ul>

<ul>
<li><p>one</p></li>
<li><p>two</p></li>
<li><p>three</p></li>
<li><p>four</p></li>
</ul>

Is this known/expected? Does every list item need a paragraph tag in TipTap? Is it possible that I need to install a non-standard extension? Any help/guidance will be appreciated! Thank you.

TipTap RichEditor: trouble with lists

Similar Threads

TipTap RichEditor: trouble with lists

Similar Threads

Similar Threads

Similar Threads