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
              Arran Mccullough created issue -
              Arran Mccullough made changes -
              Field Original Value New Value
              Salesforce Case Reference 5007000000SR3U7AAL
              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.
              Arran Mccullough made changes -
              Attachment Case12082Example2.zip [ 15741 ]
              Attachment Case12082Example2WAR.zip [ 15742 ]
              Attachment chrome-issue.jpg [ 15743 ]
              Ken Fyten made changes -
              Assignee Nils Lundquist [ nils.lundquist ]
              Fix Version/s EE-3.3.0.GA [ 10572 ]
              Fix Version/s 3.4 [ 10770 ]
              Assignee Priority P2 [ 10011 ]
              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.
              Nils Lundquist made changes -
              Status Open [ 1 ] Resolved [ 5 ]
              Resolution Fixed [ 1 ]
              Repository Revision Date User Message
              ICEsoft Public SVN Repository #35620 Mon May 27 12:11:20 MDT 2013 nils.lundquist 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.
              Files Changed
              Commit graph MODIFY /icefaces3/trunk/icefaces/ace/component/resources/icefaces.ace/datatable/datatable.js
              Ken Fyten made changes -
              Fix Version/s 4.0 [ 11382 ]
              Ken Fyten made changes -
              Status Resolved [ 5 ] Closed [ 6 ]

                People

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

                  Dates

                  • Created:
                    Updated:
                    Resolved: