diff --git a/src/bundle/Resources/public/js/scripts/sidebar/extra.actions.js b/src/bundle/Resources/public/js/scripts/sidebar/extra.actions.js index 9c2eee6d9a..e531ccf33c 100644 --- a/src/bundle/Resources/public/js/scripts/sidebar/extra.actions.js +++ b/src/bundle/Resources/public/js/scripts/sidebar/extra.actions.js @@ -73,6 +73,19 @@ import { getInstance } from '@ibexa-admin-ui/src/bundle/Resources/public/js/scri removeBackdrop(); restoreInitialFormData(actions); }; + const dispatchAfterOpenEvent = (actions) => { + actions.addEventListener( + 'transitionend', + (event) => { + if (event.propertyName !== 'transform') { + return; + } + + doc.body.dispatchEvent(new CustomEvent('ibexa-extra-actions:after-open')); + }, + { once: true }, + ); + }; const toggleExtraActionsWidget = (widgetData) => { const actions = doc.querySelector(`.ibexa-extra-actions[data-actions="${widgetData.actions}"]`); @@ -96,6 +109,7 @@ import { getInstance } from '@ibexa-admin-ui/src/bundle/Resources/public/js/scri } if (!actions.classList.contains(CLASS_HIDDEN)) { + dispatchAfterOpenEvent(actions); backdrop.show(); doc.body.addEventListener('click', detectClickOutside, false); doc.body.classList.add('ibexa-scroll-disabled'); diff --git a/src/bundle/Resources/views/themes/admin/ui/layout.html.twig b/src/bundle/Resources/views/themes/admin/ui/layout.html.twig index 6811056350..a72281f2d7 100644 --- a/src/bundle/Resources/views/themes/admin/ui/layout.html.twig +++ b/src/bundle/Resources/views/themes/admin/ui/layout.html.twig @@ -205,6 +205,7 @@ {% endblock %} + {{ ibexa_twig_component_group('admin-ui-content-column-end') }} {% endblock %}