ICEfaces
  1. ICEfaces
  2. ICE-7870

Columns become misaligned when displayed in an ace:dialog

          Details

          • Type: Bug Bug
          • Status: Closed
          • Priority: Major Major
          • Resolution: Fixed
          • Affects Version/s: EE-3.0.0.BETA
          • Fix Version/s: 3.0.1, EE-3.0.0.GA
          • Component/s: ACE-Components
          • Labels:
            None
          • Environment:
            ICEfaces EE 3.0 Beta 03062012, Firefox
          • Workaround Exists:
            Yes
          • Workaround Description:
            Set a fixed width for the ace:dialog

            Description

            A scrollable ace:dataTable is used in an ace:dialog. On the initial rendering of the dialog the table is not shown and the width is fairly small. Upon populating the table through a button click, the dialog is resized to accommodate for the extra content.

            The resizing of the dialog seems to affect the scrollable dataTable calculations causing the header and body columns to be mis aligned. This also only seems to be an issue in Firefox browser.

              Activity

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

              Attached test case that shows issue. The dialogTableTest.jsf will show the issue.
              Steps:

              • Load app in Firefox
              • Click on Open button
              • Click on populate button in dialog
              • Table will be displayed with misaligned columns.
              Show
              Arran Mccullough added a comment - Attached test case that shows issue. The dialogTableTest.jsf will show the issue. Steps: Load app in Firefox Click on Open button Click on populate button in dialog Table will be displayed with misaligned columns.
              Hide
              Permalink
              Nils Lundquist added a comment -

              ICE-7870 - Disabled in FF, JS returning datatable to fixed layout after auto sizing is completed. FF fixed layout mode appears to have a bug in calculating its width, giving behaviour distinct from IE8+ & Webkit. Layout fixed not doesn't appear required for FF as its table layout algorithm respects td inner div widths strictly.

              Show
              Nils Lundquist added a comment - ICE-7870 - Disabled in FF, JS returning datatable to fixed layout after auto sizing is completed. FF fixed layout mode appears to have a bug in calculating its width, giving behaviour distinct from IE8+ & Webkit. Layout fixed not doesn't appear required for FF as its table layout algorithm respects td inner div widths strictly.

                People

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

                  Dates

                  • Created:
                    Updated:
                    Resolved: