Skip to content

Drag Drop not work inside the Flyout and Modal #8027

@arcoirisapp

Description

@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

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions