Firefox does not show scrollbars on Post Chat form

Apex , API , VisualForce , Live Agent , Service Cloud Console , Summer 17

Last updated 2018-05-17 ·Reference W-4155803 ·Reported By 3 users

Fixed - Summer '18

Summary
Chat Window and Post Chat windows do not contain scrollbars and are not resizable within Firefox result content is getting chopped.

Repro
1) Create the following VF Page for PostChat:
<apex:page showHeader='false'>
<div id='details'>
<h1>Post Chat Page</h1>
<p>
Request Time: <apex:outputText id='c_rt' value='{!$CurrentPage.parameters.requestTime}' /><br/>
Start Time: <apex:outputText id='c_st' value='{!$CurrentPage.parameters.startTime}' /><br/>
Deployment Id: <apex:outputText value='{!$CurrentPage.parameters.deploymentId}' /><br/>
Button Id: <apex:outputText value='{!$CurrentPage.parameters.buttonId}' /><br/>
Chat Key: <apex:outputText value='{!$CurrentPage.parameters.chatKey}' /><br />
Last Visited Page: <apex:outputText value='{!$CurrentPage.parameters.lastVisitedPage}' /><br/>
Original Referrer: <apex:outputText value='{!$CurrentPage.parameters.originalReferrer}' />
<br/><br/><br/><br/><br/>
Latitude: <apex:outputText value='{!$CurrentPage.parameters.latitude}' /><br/>
Longitude: <apex:outputText value='{!$CurrentPage.parameters.longitude}' /><br/>
City: <apex:outputText value='{!$CurrentPage.parameters.city}' /><br/>
Region: <apex:outputText value='{!$CurrentPage.parameters.region}' /><br/>
Country: <apex:outputText value='{!$CurrentPage.parameters.country}' /><br/>
<br/><br/><br/><br/><br/>
Organization: <apex:outputText value='{!$CurrentPage.parameters.organization}' /><br/>
Disconnected By: <apex:outputText value='{!$CurrentPage.parameters.disconnectedBy}' /><br/>
Window Language: <apex:outputText value='{!$CurrentPage.parameters.windowLanguage}' /><br/>
Chat Details: <apex:outputText value='{!$CurrentPage.parameters.chatDetails}' /><br />
Transcript: <apex:outputText value='{!$CurrentPage.parameters.transcript}' /><br/>
Attached Records : <apex:outputText value='{!$CurrentPage.parameters.attachedRecords}' /><br />
Error: <apex:outputText value='{!$CurrentPage.parameters.error}' /><br />
</p>
</div>
<hr/>
<div id='abandoned' style='display: none;'>
We are sorry you decided to leave the chat. Feel free to initiate a new session.
</div>
<script type='text/javascript'>
var requestTime = '{!$CurrentPage.parameters.requestTime}';
var startTime = '{!$CurrentPage.parameters.startTime}';
// when startTime doesn't have a value, it means the chat never started
if (!startTime) {
document.getElementById('details').style.display = 'none';
document.getElementById('abandoned').style.display = 'block';
}
</script>

</apex:page>

2) Update/Create a button with the above VF page as the Post Chat page
3) In Firefox, as a Chasitor, connect to chat to your Live Agent User
4) When the Chat opens for the Chasitor note the window is not resizable (Chrome it is).
5) End the Chat to allow the Post Chat page to display
Result: You cannot see anything below "Country: ". Organization on wards is out of view and you cannot scroll down (Chrome you can)

Workaround
As it is a VF page, the you can use CSS overflow to include scrollbars to their element: https://developer.mozilla.org/en/docs/Web/CSS/overflow

Any unreleased services, features, statuses, or dates referenced in this or other public statements are not currently available and may not be delivered on time or at all. Customers who purchase our services should make their purchase decisions based upon features that are currently available.