Merge pull request #15717 from craftcms/bugfix/15712-remove-card-chip…

…-layout-shift

Bugfix/15712 remove card chip layout shift

CHANGELOG.md

@@ -8,6 +8,7 @@
 - Fixed an error that could occur when saving an entry with a Matrix field, if the nested entries didn’t have slugs.
 - Fixed a bug where relation fields weren’t merging uploaded asset IDs with the existing field values. ([#15707](https://github.com/craftcms/cms/issues/15707))
 - Fixed a styling issue with inline-editable Matrix block tabs. ([#15703](https://github.com/craftcms/cms/issues/15703))
+- Fixed a bug where the control panel layout could shift briefly when removing an element from an element select input. ([#15712](https://github.com/craftcms/cms/issues/15712))
 - Fixed an RCE vulnerability.
 - Fixed an XSS vulnerability.
 

src/web/assets/cp/src/js/BaseElementSelectInput.js

@@ -642,11 +642,14 @@ Craft.BaseElementSelectInput = Garnish.Base.extend(
 
     animateElementAway: function ($element, callback) {
       const offset = $element.offset();
+      const width = $element.width();
+
       $element.appendTo(Garnish.$bod).css({
         'z-index': 0,
         position: 'absolute',
         top: offset.top,
         left: offset.left,
+        maxWidth: width + 'px',
       });
 
       const animateCss = {