Skip to content

fr(Drag-Drop): Setting z-index #18902

@piernik

Description

@piernik

In source code I see that z-index of preview is hard coded: https://github.com/angular/components/blob/master/src/cdk/drag-drop/drag-ref.ts

extendStyles(preview.style, {
      // It's important that we disable the pointer events on the preview, because
      // it can throw off the `document.elementFromPoint` calls in the `CdkDropList`.
      pointerEvents: 'none',
      // We have to reset the margin, because it can throw off positioning relative to the viewport.
      margin: '0',
      position: 'fixed',
      top: '0',
      left: '0',
      zIndex: '1000'
    });

Problem is that I'm using drag-drop feature n bootstrap modal which has z-index 1050 - so I have to change it, but I cannot.

Metadata

Metadata

Assignees

Labels

P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentfeatureThis issue represents a new feature or feature request rather than a bug or bug fix

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions