quill icon indicating copy to clipboard operation
quill copied to clipboard

Extra whiteline using a (bullit)list

Open PimBosDSW opened this issue 5 months ago • 5 comments

Hi,

Sometimes I get a extra whiteline in HTML when I use a (bullit)list. For example, I enter this in the Quill editor: Image

This is the HTML that the editor outputs: <p>This is a bullit list:</p><ul><li>Bullit 1</li><li>Bullit 2</li><li>Bullit 3</li></ul><p></p><p>This is an other list:</p><ul><li>Bullit a</li><li>Bullit b</li></ul><p></p>

When you view this HTML in a random HTML viewer, it looks like this:

Image

You have any idea why this is?

Kind regards

PimBosDSW avatar Jul 01 '25 10:07 PimBosDSW

The most common form is

Shikho18 avatar Jul 15 '25 01:07 Shikho18

Any suggestions would be great!

PimBosDSW avatar Aug 21 '25 13:08 PimBosDSW

Did you try removing the extra para tag in between the two lists. It may be because of it. @PimBosDSW

FutureTL avatar Sep 25 '25 01:09 FutureTL

Did you try removing the extra para tag in between the two lists. It may be because of it. @PimBosDSW

Thanks for your response FutureTL. When I remove they extra para tag, it is fine. But the question still remains: Why does the Quill editor add these tags? You cannot remove them form within they editor, because they don't show there.

PimBosDSW avatar Sep 25 '25 05:09 PimBosDSW

We experience the same problem. It looks like there is the workaround of removing margins around the list elements, though.

MikeOnTea avatar Nov 04 '25 08:11 MikeOnTea