Dialog positioning broken when positionType is absolute and page is scrolled?

mbeedub · 23 May 2018, 10:15

Taking some code from the showcase for dialog and adding positionType="absolute" breaks the vertical positioning of the dialog when page scrolling is involved:

Code: Select all

      ....
       lots of content (e.g. 100 x <br />)
      ......
      <h:panelGrid columns="1" cellpadding="5">
        <p:commandButton value="Modal" type="button" onclick="PF('dlg2').show();" />
      </h:panelGrid>

      <p:dialog header="Modal Dialog" widgetVar="dlg2" modal="true" height="100" positionType="absolute" >
        <h:outputText value="This is a Modal Dialog." />
      </p:dialog>

In the example above, after scrolling to the bottom of the page to click the button which shows the dialog, the modal appears at the bottom of the page. "Forcing" position="central" makes no difference. If you remove positionType="absolute" it all works fine.

I think this may have been broken from 6.2.

kukeltje · 23 May 2018, 15:11

Please create a full http://stackoverflow.com/help/mcve

mbeedub · 23 May 2018, 15:28

Code: Select all

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:p="http://primefaces.org/ui">

<h:head>
</h:head>

<h:body>

  <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

  <p:commandButton value="Modal" type="button" onclick="PF('dlg2').show();" />

  <p:dialog header="Modal Dialog" widgetVar="dlg2" modal="true" positionType="absolute">
    <h:outputText value="This is a Modal Dialog." />
  </p:dialog>

</h:body>

</html>

nokiajavi · 13 May 2019, 16:11

Same error with Primefaces 7.0.

Atribute positionType="absolute", ignore atribute position.

Is the bug registered? Thanks

kukeltje · 13 May 2019, 16:45

nokiajavi wrote: ↑
13 May 2019, 16:11

Is the bug registered?

Check the issues in github

nokiajavi · 14 May 2019, 08:37

kukeltje wrote: ↑
13 May 2019, 16:45

nokiajavi wrote: ↑
13 May 2019, 16:11

Is the bug registered?
Check the issues in github

I have seen in github that it is registered and corrected in miletone 6.1.RC1 and as I use PF 7, it seems that the problem is still happening.
https://github.com/primefaces/primefaces/issues/2106

Dialog positioning broken when positionType is absolute and page is scrolled?

Who is online