Repeated Grid: Popup menu does not appear on button click

Repeated Grid: Popup menu does not appear on button click

I am embedding an Orbeon form inside a JSP page. I've used a repeatable grid in this form. When I tried running this form, the button to insert a row above/below/remove was not working. When clicked nothing happened. When I run the form without embedding, it was working. Just for the embedding scenario, it fails. The popup menu does not appear. Also, the button square in shape ideally. But it looks kinda out of shape in the embedded form. Below are the screenshots.

--
You received this message because you are subscribed to the Google Groups "Orbeon Forms" group.
To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email].
To post to this group, send email to [hidden email].

Re: Repeated Grid: Popup menu does not appear on button click

Some observations:

From the Elements panel in Chrome Dev tools, I search for the 'Move Up' phrase and found it. I spotted the differences w.r.t to the working form and found out that the on the button click, the values of a division changed from 'dropdown fr-grid-dropdown-menu' to 'dropdown fr-grid-dropdown-menu open' and of aria-expanded from 'false' to 'true'. Below is the link to a useful video. It depicts the change css attributes on button tag.

https://drive.google.com/open?id=1ZkDTbBGe4w88N3YuQ7qVrQYdG9EPT18i

Also, on providing the same css attribute values to the embedded form, I got this:

I am embedding an Orbeon form inside a JSP page. I've used a repeatable grid in this form. When I tried running this form, the button to insert a row above/below/remove was not working. When clicked nothing happened. When I run the form without embedding, it was working. Just for the embedding scenario, it fails. The popup menu does not appear. Also, the button square in shape ideally. But it looks kinda out of shape in the embedded form. Below are the screenshots.

--
You received this message because you are subscribed to the Google Groups "Orbeon Forms" group.
To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email].
To post to this group, send email to [hidden email].

Re: Repeated Grid: Popup menu does not appear on button click

From the Elements panel in Chrome Dev tools, I search for the 'Move Up' phrase and found it. I spotted the differences w.r.t to the working form and found out that the on the button click, the values of a division changed from 'dropdown fr-grid-dropdown-menu' to 'dropdown fr-grid-dropdown-menu open' and of aria-expanded from 'false' to 'true'. Below is the link to a useful video. It depicts the change css attributes on button tag.

I am embedding an Orbeon form inside a JSP page. I've used a repeatable grid in this form. When I tried running this form, the button to insert a row above/below/remove was not working. When clicked nothing happened. When I run the form without embedding, it was working. Just for the embedding scenario, it fails. The popup menu does not appear. Also, the button square in shape ideally. But it looks kinda out of shape in the embedded form. Below are the screenshots.

--
You received this message because you are subscribed to the Google Groups "Orbeon Forms" group.
To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email].
To post to this group, send email to [hidden email].

I am embedding an Orbeon form inside a JSP page. I've used a repeatable grid in this form. When I tried running this form, the button to insert a row above/below/remove was not working. When clicked nothing happened. When I run the form without embedding, it was working. Just for the embedding scenario, it fails. The popup menu does not appear. Also, the button square in shape ideally. But it looks kinda out of shape in the embedded form. Below are the screenshots.

--
You received this message because you are subscribed to the Google Groups "Orbeon Forms" group.
To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email].
To post to this group, send email to [hidden email].

Re: Repeated Grid: Popup menu does not appear on button click

Administrator

Hi Kush,

Based on your video linked below, it seems like the menu is "shown" but it
might just be "out of sight", as the values for the `top` and `left` are way
too high. So, at least the JavaScript is running, which is good. Now, why
would it show it "out of sight"? That, I don't know.

The code that positions the menu is in `moveMenu`. As you can see from the
code, it's positing the "menu element" based on the position of the
`.dropdown`, which contains button you click on:

Is `dropdownOffset.left/top` incorrect? Or does setting the offset with
jQuery set it to an incorrect value?
One way to sort this out would be to add `println` statement to that code to
see what goes wrong. For this, you need to build Orbeon Forms locally, so
you can make changes to the code. We have some information on how you can do
this on:

--
You received this message because you are subscribed to the Google Groups "Orbeon Forms" group.
To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email].
To post to this group, send email to [hidden email].