-
Notifications
You must be signed in to change notification settings - Fork 6.8k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat(cdk/drag-drop): allow for preview container to be customized #21830
feat(cdk/drag-drop): allow for preview container to be customized #21830
Conversation
Currently we always insert the drag preview at the `body`, because it allows us to avoid dealing with `overflow` and `z-index`. The problem is that it doesn't allow the preview to retain its inherited styles. These changes add a new input which allows the consumer to configure the place into which the preview will be inserted. Fixes angular#13288.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM<
@@ -43,4 +43,5 @@ export interface DragDropConfig extends Partial<DragRefConfig> { | |||
listAutoScrollDisabled?: boolean; | |||
listOrientation?: DropListOrientation; | |||
zIndex?: number; | |||
previewContainer?: 'global' | 'parent'; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Why isn't this option type PreviewContainer
?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is the interface for the global config object. It didn't seem like an HTMLElement
would make sense there, given that it's configured before the app is initialized.
This issue has been automatically locked due to inactivity. Read more about our automatic conversation locking policy. This action has been performed automatically by a bot. |
Currently we always insert the drag preview at the
body
, because it allows us to avoid dealing withoverflow
andz-index
. The problem is that it doesn't allow the preview to retain its inherited styles.These changes add a new input which allows the consumer to configure the place into which the preview will be inserted.
Fixes #13288.