Edit online

Unexpected Page Break Before or After an Element

Problem

A page break is present before or after an element that has page-break-before or page-break-after (break-before or break-after) set to avoid.

Cause

An empty element (for example <p> or <shortdesc>) is present before or after the element with the break set to avoid.

Solution

Either remove the empty element from the DITA source topic or set the display to none using the following CSS rule:
*[class ~= "topic/shortdesc"]:empty {
  display: none;
}