ICEfaces
  1. ICEfaces
  2. ICE-11168

ace:dialog not sizing correctly when embedded in dataTable within tabSet

          Details

          • Type: Bug Bug
          • Status: Closed
          • Priority: Major Major
          • Resolution: Invalid
          • Affects Version/s: EE-4.1.0.RC1
          • Fix Version/s: EE-4.2.0.GA
          • Component/s: ACE-Components
          • Labels:
            None
          • Environment:
            jsf2.2 ace

            Description

            See the attached test case. The dialog is within an <ace:column>, within an <ace:dataTable> which is within an <ace:tabSet>. It appears like the content is empty (perhaps a timing thing as the size may be calculated before the markup of the dialog is present. There is no "onReady" or check to see that the markup is present before the dialog size is calculated.

            attached test case was created with specific support patch (see support case)
            1. Microsoft Word
              DialogNotRecenteringAfterBrowserWindowSizeChange.docx
              360 kB
              Judy Guglielmin

              Issue Links

              depends on

              Improvement - An improvement or enhancement to an existing feature or task. ICE-11167 Reposition the dialog when browser window is resized

              • Major - Major loss of function.
              • Closed

                Activity

                Hide
                Permalink
                Arturo Zambrano added a comment -

                There's no issue with any component. The only reason why the dialog appears like it has no content in this test app is because in a way it has no content. The content of the dialog is a div element that has style="position:fixed;" (Dialog.xhtml). When an element has fixed position, it is positioned relative to the viewport, not relative to the normal flow of elements. So, when the browser computes dimensions and positions, it doesn't take into account the content of this dialog because it's to be positioned relative to the viewport.

                There's no need to use fixed positioning in the dialog's content. It should be removed. In any case, they want to add style="position:fixed;" to the ace:dialog tag itself, so that it doesn't move when scrolling the page.

                Show
                Arturo Zambrano added a comment - There's no issue with any component. The only reason why the dialog appears like it has no content in this test app is because in a way it has no content. The content of the dialog is a div element that has style="position:fixed;" (Dialog.xhtml). When an element has fixed position, it is positioned relative to the viewport, not relative to the normal flow of elements. So, when the browser computes dimensions and positions, it doesn't take into account the content of this dialog because it's to be positioned relative to the viewport. There's no need to use fixed positioning in the dialog's content. It should be removed. In any case, they want to add style="position:fixed;" to the ace:dialog tag itself, so that it doesn't move when scrolling the page.

                  People

                  • Assignee:
                    Arturo Zambrano
                    Reporter:
                    Judy Guglielmin
                  • Votes:
                    0 Vote for this issue
                    Watchers:
                    3 Start watching this issue

                    Dates

                    • Created:
                      Updated:
                      Resolved: