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

Community Beginner ,
Jun 12, 2020

Copy link to clipboard

Copied

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).

rh_multilevel.png

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?

Adobe Community Professional
Correct answer by Amebr | Adobe Community Professional

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.

Amebr_0-1592186092361.png

 

 

  <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>

 

TOPICS
New UI

Views

212

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

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

Community Beginner ,
Jun 12, 2020

Copy link to clipboard

Copied

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).

rh_multilevel.png

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?

Adobe Community Professional
Correct answer by Amebr | Adobe Community Professional

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.

Amebr_0-1592186092361.png

 

 

  <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>

 

TOPICS
New UI

Views

213

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Jun 12, 2020 0
Adobe Community Professional ,
Jun 12, 2020

Copy link to clipboard

Copied

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.

 

Please use the blue Reply button at the top to help me help you. The black Reply link nests replies and they sort out of order.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 12, 2020 0
Adobe Community Professional ,
Jun 12, 2020

Copy link to clipboard

Copied

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.

 

image.png

 

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

 

Please use the blue Reply button at the top to help me help you. The black Reply link nests replies and they sort out of order.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 12, 2020 0
Adobe Community Professional ,
Jun 12, 2020

Copy link to clipboard

Copied

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; */
}

 

Please use the blue Reply button at the top to help me help you. The black Reply link nests replies and they sort out of order.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 12, 2020 0
Adobe Community Professional ,
Jun 14, 2020

Copy link to clipboard

Copied

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.

Amebr_0-1592186092361.png

 

 

  <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>

 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 14, 2020 0
Adobe Community Professional ,
Jun 14, 2020

Copy link to clipboard

Copied

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.

 

Please use the blue Reply button at the top to help me help you. The black Reply link nests replies and they sort out of order.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 14, 2020 0