ICEfaces
  1. ICEfaces
  2. ICE-7880

ace:dialog - dialog does not display at center when loading scrollable dataTable

          Details

          • Type: Bug Bug
          • Status: Closed
          • Priority: Major Major
          • Resolution: Won't Fix
          • 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 09032012, Firefox, IE8, IE9
          • Workaround Exists:
            Yes
          • Workaround Description:
            Use a fixes width/height

            Description

            When displaying an ace:dialog that uses position="center" and it includes a scrollable dataTable, the dialog displays to the very left of the browser window. If scrolling is turned off for the table then it displays in the center of the viewable area.

            This issue may be due to the auto sizing of the dialog. If using the minWidth/minHeight properties or not setting a width/height at all the issue is shown. Setting a fixed width/height is a workaround for this issue.

              Activity

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

              Test case that shows issue. URL: dialogTableTest.jsf

              Steps:

              • Click Open button.
              • Dialog is shown with scrollable table, dialog does not display at the center location.
              • Turning off scrollable and clicking the Populate button or closing and opening the dialog again, shows the dialog at the center location.
              Show
              Arran Mccullough added a comment - Test case that shows issue. URL: dialogTableTest.jsf Steps: Click Open button. Dialog is shown with scrollable table, dialog does not display at the center location. Turning off scrollable and clicking the Populate button or closing and opening the dialog again, shows the dialog at the center location.
              Hide
              Permalink
              Nils Lundquist added a comment - - edited

              There is no fix for this issue other than perhaps changing how/when dialog calculates the 'center' for its position, but seeing as that is likely handled by the underlying jQuery component it would overwhelmingly difficult to modify as needed.

              Show
              Nils Lundquist added a comment - - edited There is no fix for this issue other than perhaps changing how/when dialog calculates the 'center' for its position, but seeing as that is likely handled by the underlying jQuery component it would overwhelmingly difficult to modify as needed.
              Hide
              Permalink
              Nils Lundquist added a comment -

              This feature is, as Arran suspected, due to the dialog being positioned when opened, and he resize behaviour of the scrollable table not triggering re-layout of the dialog.

              At this time the only way to solve the issue would be to modify the jQuery dialog component to position a short time after opening, to allow the table a moment to size itself appropriately. This would be a great deal of work for an issue so easily worked around with fixed sizing.

              It may be possible in the future to more easily solve the issue by having the table widget to trigger dlalog relayout post-resize with a redesign of the client side widget instance context accessibility.

              Show
              Nils Lundquist added a comment - This feature is, as Arran suspected, due to the dialog being positioned when opened, and he resize behaviour of the scrollable table not triggering re-layout of the dialog. At this time the only way to solve the issue would be to modify the jQuery dialog component to position a short time after opening, to allow the table a moment to size itself appropriately. This would be a great deal of work for an issue so easily worked around with fixed sizing. It may be possible in the future to more easily solve the issue by having the table widget to trigger dlalog relayout post-resize with a redesign of the client side widget instance context accessibility.
              Hide
              Permalink
              Nils Lundquist added a comment -

              It should also be noted that this issue could potential be worked around at the app level by the dialog component triggering a delayed resize following it successfully being opened.

              Show
              Nils Lundquist added a comment - It should also be noted that this issue could potential be worked around at the app level by the dialog component triggering a delayed resize following it successfully being opened.

                People

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

                  Dates

                  • Created:
                    Updated:
                    Resolved: