Drag Drop not work inside the Flyout and Modal

[arcoirisapp]

Hello, drag and drop behavior after version 95.0.0 generates this inconsistency , I was in version 95.0.0 and it works fine, I updated to version 95.11.0 and not work, similar to popover I have tried to position the left property but I have not been able to maintain in position, what recommendations do you give me to be able to modify it like you did with the popover.

Environment and versions

• EUI version: 95.11.00
• React version: 17
• Kibana version (if applicable):
• Browser: all
• Operating System: windows

Grabacion.2024-09-14.114646.mp4

sandbox
https://codesandbox.io/p/sandbox/loving-fast-g94d92

test in modal and same behavior
https://github.com/user-attachments/assets/bf13f399-79cc-4cc4-a8b4-83889a1471ff

use this css

const panelCss = css`
  transform: none !important;
  transition: none !important;
  // Recreate the drop-shadow filter via box-shadow instead
  filter: none !important;
  ${euiShadowMedium(euiTheme)} // @include euiBottomShadow if using Sass
`;
in body in panel .

Thanks

[cee-chen]

It's worth noting that this was introduced #7855, which caused the scroll overflow mask to create a stacking context - fixing that particular bug, but then causing this one 🥲