4.10.0 has an unplanned potential breaking change - pdf footer wrong aligment

admin

You may experience a wrong footer alignment issue when updating to jsreport 4.10.0 in case you use the CSS code from our samples or the studio pdf utils quick action to add header/footer. You will notice this visually when the footer is at the top and not at the bottom.

The reason for this is not the jsreport itself but the Chromium 138 dependency update, which changed the CSS flexbox engine calculation. This caused the CSS used in our demos to position the footer to the bottom to stop working.

Fortunately, the fix is easy.
Find the template you merge as the header/footer and locate the following CSS

.main {
     ....
  height: 100%;
}

And change the 100% to 100vh

.main {
     ....
  height: 100vh;
}