Running headers with both dynamic and constant strings are unbalanced
It's a little hard to summarise this issue in a title: sorry.
The @top-right at-rule and similar can be set to a string in two ways: by a constant value and by a named string and string-set.
@page {
@top-right {
content: string(header);
}
@top-left {
content: "Constant string";
}
}
h1 {
string-set: header contents();
}If both are set by the same method, Paged renders this correctly. If, however, one is dynamic and the other constant, the dynamic one takes up most of the space, with the constant content being bunched into a tiny corner.
This is also true if you use string-set with a constant value.