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

https://github.com/user-attachments/assets/a36895c3-2d62-4218-88f9-0215278aa22a

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 https://github.com/elastic/eui/pull/7855, which caused the scroll overflow mask to create a stacking context - fixing that particular bug, but then causing this one 🥲