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

Community Beginner ,
Jun 12, 2020 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?

TOPICS
New UI

Views

246

Likes

translate

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

correct answers 1 Correct Answer

Adobe Community Professional , Jun 14, 2020 Jun 14, 2020
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>  

Likes

translate

Translate

Translate
Adobe Community Professional ,
Jun 12, 2020 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

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
community guidelines
Adobe Community Professional ,
Jun 12, 2020 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

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
community guidelines
Adobe Community Professional ,
Jun 12, 2020 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

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
community guidelines
Adobe Community Professional ,
Jun 14, 2020 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

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
community guidelines
Adobe Community Professional ,
Jun 14, 2020 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

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
community guidelines
Community Beginner ,
Jun 15, 2020 Jun 15, 2020

Copy link to clipboard

Copied

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.

Likes

translate

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
community guidelines
Adobe Community Professional ,
Jun 15, 2020 Jun 15, 2020

Copy link to clipboard

Copied

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

 

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

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
community guidelines
Community Beginner ,
Jun 15, 2020 Jun 15, 2020

Copy link to clipboard

Copied

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

Likes

translate

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
community guidelines
Adobe Community Professional ,
Jun 15, 2020 Jun 15, 2020

Copy link to clipboard

Copied

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

 

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

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
community guidelines
Community Beginner ,
Jun 15, 2020 Jun 15, 2020

Copy link to clipboard

Copied

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.

Likes

translate

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
community guidelines
Adobe Community Professional ,
Jun 15, 2020 Jun 15, 2020

Copy link to clipboard

Copied

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.

 

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

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
community guidelines
Resources
RoboHelp Documentation