Issue Summary

We have the option to customize exports of PDF and set a header and footer with custom content. If you insert an image-based example or either a long text, the content will be almost completely hidden by the content of the page.

Also, the workaround option below, using "position: running(...)", which used to work on the previous version of PDF exports to reposition content to the header, no longer works:

h1:first-child { 
  color: red !important; /* only to confirm the right element was selected */
  position: running(headerLeft);
}

@page  {
    @top-left {
        content: element(headerLeft) !important; 
    }
} 

Steps to Reproduce

1. Create a new space.
2. Create a few pages and insert some content in them.
3. Under Space Settings > Look and Feel > PDF Export Stylesheet and insert the following:

   .pagetitle
   {
   page-break-before: always;
   }
   @page
   {
   margin-top: 1in;
   @top-left
   {
   background-image: url("/download/attachments/<CONTENTID>/logo.png");
   background-repeat: no-repeat;
   background-position: 10px 25px;
   }
   @top-right
   {
   background-image: url("/download/attachments/<CONTENTID>/address.png");
   background-repeat: no-repeat;
   background-position: 10px 25px;
   }
   @bottom-center
   {
   content: "FOOTER TEXT";
   font-family: ConfluenceInstalledFont, Calibri, sans-serif;
   font-size: 8pt;
   }
   }
   

1. Go to Content Tools > Export.
2. Export the space.
3. Done!

Expected Results

The header of each page would include the content inserted.

Actual Results

The header content is stripped out almost entirely. We can only see the tip of the image/text behind the PDF content.

Workaround

None at the moment.