diff --git a/core/modules/image/tests/src/FunctionalJavascript/QuickEditImageTest.php b/core/modules/image/tests/src/FunctionalJavascript/QuickEditImageTest.php index 2b1dd79dbf..dda740d104 100644 --- a/core/modules/image/tests/src/FunctionalJavascript/QuickEditImageTest.php +++ b/core/modules/image/tests/src/FunctionalJavascript/QuickEditImageTest.php @@ -34,6 +34,15 @@ class QuickEditImageTest extends QuickEditJavascriptTestBase { */ protected $contentAuthorUser; + /** + * CSS animations must be enabled for PopperJS positioning to work properly. + * + * @var bool + * + * @todo revisit in http://drupal.org/node/3082602 + */ + protected $disableCssAnimations = FALSE; + /** * {@inheritdoc} */ diff --git a/core/modules/quickedit/js/views/EntityToolbarView.es6.js b/core/modules/quickedit/js/views/EntityToolbarView.es6.js index 0243106d47..204a20f5df 100644 --- a/core/modules/quickedit/js/views/EntityToolbarView.es6.js +++ b/core/modules/quickedit/js/views/EntityToolbarView.es6.js @@ -322,6 +322,9 @@ modifiers: [ { name: 'flip', + options: { + boundary: boundariesElement, + }, }, { name: 'preventOverflow', diff --git a/core/modules/quickedit/js/views/EntityToolbarView.js b/core/modules/quickedit/js/views/EntityToolbarView.js index f2a2697f3d..afaf356490 100644 --- a/core/modules/quickedit/js/views/EntityToolbarView.js +++ b/core/modules/quickedit/js/views/EntityToolbarView.js @@ -169,7 +169,10 @@ that.popper = Popper.createPopper(referenceElement, popperElement, { placement: "top-".concat(popperedge), modifiers: [{ - name: 'flip' + name: 'flip', + options: { + boundary: boundariesElement + } }, { name: 'preventOverflow', options: { diff --git a/core/modules/quickedit/tests/src/FunctionalJavascript/QuickEditFileTest.php b/core/modules/quickedit/tests/src/FunctionalJavascript/QuickEditFileTest.php index f21ba6d7ab..037fa3e27c 100644 --- a/core/modules/quickedit/tests/src/FunctionalJavascript/QuickEditFileTest.php +++ b/core/modules/quickedit/tests/src/FunctionalJavascript/QuickEditFileTest.php @@ -28,6 +28,15 @@ class QuickEditFileTest extends QuickEditJavascriptTestBase { */ protected $defaultTheme = 'stark'; + /** + * CSS animations must be enabled for PopperJS positioning to work properly. + * + * @var bool + * + * @todo revisit in http://drupal.org/node/3082602 + */ + protected $disableCssAnimations = FALSE; + /** * {@inheritdoc} */ diff --git a/core/modules/quickedit/tests/src/FunctionalJavascript/QuickEditIntegrationTest.php b/core/modules/quickedit/tests/src/FunctionalJavascript/QuickEditIntegrationTest.php index 24f36d440e..fc4611e410 100644 --- a/core/modules/quickedit/tests/src/FunctionalJavascript/QuickEditIntegrationTest.php +++ b/core/modules/quickedit/tests/src/FunctionalJavascript/QuickEditIntegrationTest.php @@ -43,6 +43,15 @@ class QuickEditIntegrationTest extends QuickEditJavascriptTestBase { */ protected $contentAuthorUser; + /** + * CSS animations must be enabled for PopperJS positioning to work properly. + * + * @var bool + * + * @todo revisit in http://drupal.org/node/3082602 + */ + protected $disableCssAnimations = FALSE; + /** * {@inheritdoc} */ diff --git a/core/modules/quickedit/tests/src/FunctionalJavascript/QuickEditLoadingTest.php b/core/modules/quickedit/tests/src/FunctionalJavascript/QuickEditLoadingTest.php index 4f52c00efa..a28504e3c0 100644 --- a/core/modules/quickedit/tests/src/FunctionalJavascript/QuickEditLoadingTest.php +++ b/core/modules/quickedit/tests/src/FunctionalJavascript/QuickEditLoadingTest.php @@ -67,6 +67,15 @@ class QuickEditLoadingTest extends WebDriverTestBase { */ protected $editorUser; + /** + * CSS animations must be enabled for PopperJS positioning to work properly. + * + * @var bool + * + * @todo revisit in http://drupal.org/node/3082602 + */ + protected $disableCssAnimations = FALSE; + /** * {@inheritdoc} */