[Popup,Modal] Inline popup doesn't show on content inside modal #1640
-
Bug ReportInline popups don't display when they are used inside a modal Steps to reproduce
Expected resultThe popup is displayed Actual resultThe popup is not displayed TestcaseVersion2.8.6 |
Beta Was this translation helpful? Give feedback.
Replies: 5 comments
-
This is due to the modal being detached from the dom by default, loosing previous attached events.
Both jsfiddles are based on your example. However the popup won't be shown in any case when a dropdown is actively opened, which is the case in your example because the modal only contains the dropdown field, which gets focussed, thus opened by default. |
Beta Was this translation helpful? Give feedback.
-
Interesting! I can definitely instantiate the popup when the modal is shown. For my use case I'm already using What are the ramifications of setting the modal to |
Beta Was this translation helpful? Give feedback.
-
Existing events (like the popups hover event) will be kept. They get lost when the modal is detached from the DOM |
Beta Was this translation helpful? Give feedback.
-
That might make more sense for my use case. I will play around with it. Thanks for clearing up my confusion! |
Beta Was this translation helpful? Give feedback.
-
Close since @lubber-de already provided the solution. Please feel free to reopen if it doesn't resolve. |
Beta Was this translation helpful? Give feedback.
This is due to the modal being detached from the dom by default, loosing previous attached events.
Workarounds:
Use
detachable: false
https://jsfiddle.net/u3mx7gzj/
Instantiate the popup after the modal is instantiated
https://jsfiddle.net/u3mx7gzj/2/
Both jsfiddles are based on your example. However the popup won't be shown in any case when a dropdown is actively opened, which is the case in your example because the modal only contains the dropdown field, which gets focussed, thus opened by default.
To avoid this, use
autofocus:false
to see the popup immediatlyhttps://jsfiddle.net/u3mx7gzj/3/