ICEfaces
  1. ICEfaces
  2. ICE-9139

ace:dataTable - Column mis-alignment in Chrome

          Details

          • Type: Bug Bug
          • Status: Closed
          • Priority: Major Major
          • Resolution: Fixed
          • Affects Version/s: EE-3.2.0.GA, 3.3
          • Fix Version/s: EE-3.3.0.GA, 4.0.BETA, 4.0
          • Component/s: ACE-Components
          • Labels:
            None
          • Environment:
            Chrome
          • Assignee Priority:
            P2
          • Salesforce Case Reference:

            Description

            If a scrollable ace:dataTable column contains a graphic image, the columns become misaligned until a browser resize occurs.

            This is only an issue with Chrome and renders fine in Firefox and IE.

              Activity

              Ascending order - Click to sort in descending order
              Hide
              Permalink
              Arran Mccullough added a comment -

              Attached test case and screen shot showing the issue in Chrome.

              Show
              Arran Mccullough added a comment - Attached test case and screen shot showing the issue in Chrome.
              Hide
              Permalink
              Nils Lundquist added a comment -

              This is because the image loads after table resize logic occurs.

              Show
              Nils Lundquist added a comment - This is because the image loads after table resize logic occurs.
              Hide
              Permalink
              Nils Lundquist added a comment -

              I can't reproduce this in Safari on my machine either - suspect the JS engine in Chrome is evaluate earlier that in other browsers - or is simply so fast that it evaluates the DataTable sizing before the image has time to load.

              Show
              Nils Lundquist added a comment - I can't reproduce this in Safari on my machine either - suspect the JS engine in Chrome is evaluate earlier that in other browsers - or is simply so fast that it evaluates the DataTable sizing before the image has time to load.
              Hide
              Permalink
              Nils Lundquist added a comment - - edited

              Note that a dynamically loaded image will still cause a layout issue. This issue wasn't caused by image load timing as I expected (though that issue still exists), it was caused by a quirk of table-layout in Chrome giving an incorrect header column width.

              Revision #35620
              Committed by nils.lundquist
              Moments ago
              ICE-9139 - Changed timing of table-layout rule change to before visibility change, results in correct initial header sizing in Chrome. Prevent setting 'width:auto', instead remove explicit widths.

              Show
              Nils Lundquist added a comment - - edited Note that a dynamically loaded image will still cause a layout issue. This issue wasn't caused by image load timing as I expected (though that issue still exists), it was caused by a quirk of table-layout in Chrome giving an incorrect header column width. Revision #35620 Committed by nils.lundquist Moments ago ICE-9139 - Changed timing of table-layout rule change to before visibility change, results in correct initial header sizing in Chrome. Prevent setting 'width:auto', instead remove explicit widths.

                People

                • Assignee:
                  Nils Lundquist
                  Reporter:
                  Arran Mccullough
                • Votes:
                  0 Vote for this issue
                  Watchers:
                  2 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved: