Details
-
Type: Bug
-
Status: Closed
-
Priority: Major
-
Resolution: Fixed
-
Affects Version/s: EE-3.3.0.GA_P01
-
Fix Version/s: EE-3.3.0.GA_P02, 4.0
-
Component/s: ACE-Components
-
Labels:None
-
Environment:Firefox, Chrome, IE10
-
Assignee Priority:P1
-
Support Case References:Support Case #12619 - https://icesoft.my.salesforce.com/5007000000ZCsbc
Description
This issue seems to be specific to the Williams app/use case. In certain scenarios when rendering a scrollable dataTable, the columns become misaligned and seem to be off by the same width as the scrollbar that is rendered.
This has been demonstrated with their POC app "POC-07feb2014.war" that has been uploaded to the iceasd1 server - Users\arran\Case 12619.
Here are the steps to reproduce:
"I have uploaded POC-07feb2014.war to the root folder of ftp site. To see the problem use Chrome or Firefox and use the first submenu item under Screen2 menu and click Retrieve button without entering any filters. The initial display should be okay (depending on monitor size and resolution your using) but when you resize the browser to reduce the width of the page the headings and columns get missaligned because the headers don't have the 15px margin-right styling."
This has been demonstrated with their POC app "POC-07feb2014.war" that has been uploaded to the iceasd1 server - Users\arran\Case 12619.
Here are the steps to reproduce:
"I have uploaded POC-07feb2014.war to the root folder of ftp site. To see the problem use Chrome or Firefox and use the first submenu item under Screen2 menu and click Retrieve button without entering any filters. The initial display should be okay (depending on monitor size and resolution your using) but when you resize the browser to reduce the width of the page the headings and columns get missaligned because the headers don't have the 15px margin-right styling."
The issue was visible on the 4.0 trunk and 3.3 EE maintenance branch as well.
Committed fix to 4.0 trunk at revision 40420 and to 3.3 EE maintenance branch at revision 40422.
The fix consists in removing an unnecessary condition (variable) to calculate the scroll bar width and modify the right margin of the header table. Another fix was added to chrome browsers to recalculate and apply scrolling variables only on new table instances, since that seems to be the only way to fix some misalignment issues on first load in some cases, as in the case of the Screen 2 table on the Williams POC.