Details
-
Type: Bug
-
Status: Closed
-
Priority: Major
-
Resolution: Fixed
-
Affects Version/s: 3.3
-
Fix Version/s: EE-3.3.0.GA, 4.0.BETA, 4.0
-
Component/s: ACE-Components
-
Labels:None
-
Environment:*
-
Salesforce Case Reference:
Description
The scrollable ace:dataTable when used with fixed column widths, in IE9 will be misaligned in horizontal space constrained situations.
This is because layout is performed with 'table-layout:auto' which allows the browser to deviate from fixed widths, using them as a guideline to better layout its contents- the expected behaviour of the scrollable dataTable. However to work around an odd IE9 bug, the table is set into 'table-layout:fixed' after sizing to prevent off by 1px bugs from being introduced by table-layout:auto after we set what we know to be correct sizes. This use of table-layout:fixed throws off alignment because table-layout:fixed strictly follows the server side widths that were written to the TD elements and then deviated from when we evaluated out sizing.
This is because layout is performed with 'table-layout:auto' which allows the browser to deviate from fixed widths, using them as a guideline to better layout its contents- the expected behaviour of the scrollable dataTable. However to work around an odd IE9 bug, the table is set into 'table-layout:fixed' after sizing to prevent off by 1px bugs from being introduced by table-layout:auto after we set what we know to be correct sizes. This use of table-layout:fixed throws off alignment because table-layout:fixed strictly follows the server side widths that were written to the TD elements and then deviated from when we evaluated out sizing.
Revision #36227
Committed by nils.lundquist
2 minutes ago
ICE-9351- Removed client written fixed widths from columns following ace:dataTable scrollable sizing. They would have been accounted for during scrollable calculations, but may have throw off sizing in IE9 due required use of table-layout:fixed to fix a bug in that browser.