All of a sudden our styles on Visualforce pages are not applying. This is not happening in every org and only seems to be in the CS instances. I was viewing these vf pages today and did not have these issues. No changes were made to the pages since then. Is anyone else experiencing similar issues?
I know this isn't a lot to go off of but this is exactly what is happening. Just trying to see if this is happening to anyone else.
There is an active incident now that looks like it could be related. I'm waiting for the rollback to see if that resolves it.
https://status.salesforce.com/generalmessages/1171
Update: This is related and the rollback fixes all of my VF pages without any changes on my end.
Update2: Salesforce support reached out and confirmed my issue was related to this current issue. Although the workaround showHeader="false" applyHtmlTag="false" solves the issue this is only a workaround with the current bad patch and once they resolve the issues on their end this will not be required
Update3: We still have customers experiencing this issue on hyperforce instances. Namely USA418 which is on Summer '23 Patch 18.1. Hopefully they will be rolling those back as well.
Adding showHeader="false" applyHtmlTag="false" apparently makes this work on scratch orgs again. I cannot explain why Salesforce seems to treat the same markup differently on the different orgs currently, but this adjustment also saved the PDF we originally saw this problem with.
showHeader has to be added when using applyHtmlTag but applyHtmlTag is the setting that actually fixes things.
I was able to confirm that Production and Scratch Orgs / Sandboxes for us bear differences with the exact same markup
<apex:page renderAs="pdf" applyBodyTag="false" >
<head>
<style type="text/css" media="print">
@page {
@top-center {
content: element(header);
}
@bottom-left {
content: element(footer);
}
}
div.header {
padding: 10px;
position: running(header);
}
div.footer {
display: block;
padding: 5px;
position: running(footer);
}
.pagenumber:before {
content: counter(page);
}
.pagecount:before {
content: counter(pages);
}
div.content{
font-family: Arial Unicode MS;
}
</style>
</head>
<div class="header">
<div>Account name doesnt matter ----------- and the date is {!TODAY()}</div>
</div>
<div class="footer">
<div>Page <span class="pagenumber"/> of <span class="pagecount"/></div>
</div>
<div class="content">
<p>Actual page body information.</p>
</div>
</apex:page>
This looks different between Scratch Org and Production.
This is what it looks like on Prod.
This is what it looks like on our Scratch Org
This definitely warrants investigation.