RH 2019: Empty paragraph when going from second to first level in a multilevel list

[raos_powel]

I have tried to search the forum, and I find posts about multilevel lists, but I could not see anything matching my problem.

I am using a multilevel list in RH 2019 (new design), and when I go from the second to the first level there is an empty line (parapgraph) added between the levels (see screenshot).

I am not able to remove it by deleting it in a normal way.

Anyone else experienced this or any ideas how to solve it?

[Peter Grainge]

I see the same issue with that style but I don't have an answer other than it is something in the CSS. It is complex CSS and I will see if I can get an answer. It might take a couple of days.

[Peter Grainge]

I'm thinking it is something in our respective CSS files.

I just took a copy of default.css from a new project and applied that to a topic. This is what I get there.

I think something in another list style is cascading and creating that extra space.

[Peter Grainge]

See if your CSS has this definition.

OL li {
 padding-bottom: 6pt;
}

If it does, comment it out and see if that fixes it. It has for me. Note the /* and */

OL li {
/* padding-bottom: 6pt; */
}

[Amebr · Accepted solution]

I don't think that extra paragraph mark is a problem. I think it represents the end of the nested ul or ol tag. It doesn't show when you have paragraph marks turned off, nor in the output. It's just disconcerting in RH editing mode.

Take this example.

  <ul class="Disc">
    <li>Item 1</li>
    <li>item 2
      <ul>
        <li>item 3</li>
        <li>item 4</li>
      </ul>
    </li> <!-- this is the empty paragraph mark. it correctly closes 'item 2'. -->
    <li>item 5</li>
  </ul>

[Peter Grainge]

The code didn't change when I commented out the padding but the gap did not then appear.

In a different CSS without padding, there was no gap so I don't think that tag was the cause.

[raos_powel]

Thanks for all the good responses. It seems that the problem was only in the editor when displaying paragraph marks, and not in the output.

[Peter Grainge]

Did you check for any padding to see if that fixed things in the editor as well?

[raos_powel]

I did now, but I cannot find any "padding" setting that could be relevant in this case.

[Peter Grainge]

Padding or margin, in case anyone else has this issue. 

[raos_powel]

I only checked for "padding". There are some "margin-bottom" settings for ol.<something> list styles. I tried commenting out the setting for "ol>li", but it did not make any difference. I am not "fluent" in CSS, so I am not able to know 100% which of these settings that are relevant.

[Peter Grainge]

Best not to change anything if it's OK in the output and you can live with it in the editor. If you want to attach the CSS to an email to me, that's OK. See the Contact page on my site.