So, I was trying to update from 6.0.21 and along with lots of other problems this one makes Chronoforms just unusable.
For example I installed clean form from demo set, the one that should open modal form after clicking on button.
Attached is short gif-cast of what happens.
(unable to attach the any file)
What I could figure out: in OLD version the dimmer div always appeared in code right after modal div, so it's kept on same level, none of them is parent or child.
But in NEW version of CF the dimmer div code is placed somewhere in the bottom of page, completely out of form's context, so if modal (or form) is inside of several divs, it rendered like dimmer is PARENT, and result is that it covers form/modal.
There are plenty of materials in internet about z-index and "position:" relations during css rendering, not hard to figure out and fix this bug.
But I think the best way is just place dimmer code back to where it was in version 6.0.21 - right after the code of form itself.
Edit / added:
really impossible to add any file/image, so here is link to ddropbox:
https://www.dropbox.com/sh/ddgq2u5xyf31250/AAAf3EI5ION11B-Hp5w9pUkqa?dl=0
For example I installed clean form from demo set, the one that should open modal form after clicking on button.
Attached is short gif-cast of what happens.
(unable to attach the any file)
What I could figure out: in OLD version the dimmer div always appeared in code right after modal div, so it's kept on same level, none of them is parent or child.
But in NEW version of CF the dimmer div code is placed somewhere in the bottom of page, completely out of form's context, so if modal (or form) is inside of several divs, it rendered like dimmer is PARENT, and result is that it covers form/modal.
There are plenty of materials in internet about z-index and "position:" relations during css rendering, not hard to figure out and fix this bug.
But I think the best way is just place dimmer code back to where it was in version 6.0.21 - right after the code of form itself.
Edit / added:
really impossible to add any file/image, so here is link to ddropbox:
https://www.dropbox.com/sh/ddgq2u5xyf31250/AAAf3EI5ION11B-Hp5w9pUkqa?dl=0
Small notice - when I test form from backoffice (clicking on "View" in admin's list of forms), it works like a charm. Problem appears when testing on frontend (site uses Page Builder)
(yet again this seems to confirm my version, because in case of backoffice test there are no any divs separating modal and dimmer and splitting them onto different levels of parentness)
(yet again this seems to confirm my version, because in case of backoffice test there are no any divs separating modal and dimmer and splitting them onto different levels of parentness)
Make sure "Detachable" is disabled in the modal settings ?
I have the same popup problem
I also use Page Builder
I also use Page Builder
This topic is locked and no more replies can be posted.
