Skip to content
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.

Sign up for GitHub

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

Jump to bottom

Add to cdkDropList events data about keyboard with pressed control keys #17032

Closed
Dok11 opened this issue Sep 10, 2019 · 3 comments · Fixed by #17077
Closed

Add to cdkDropList events data about keyboard with pressed control keys #17032

Dok11 opened this issue Sep 10, 2019 · 3 comments · Fixed by #17077
Assignees
@crisbeto
Labels
area: cdk/drag-drop feature This issue represents a new feature or feature request rather than a bug or bug fix P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent

Comments

@Dok11
Copy link

Dok11 commented Sep 10, 2019

Feature Description

<div cdkDropList (cdkDropListDropped)="drop($event)">
I want get in $event data about pressed keys like Alt, Ctrl or Shift for example.

Use Case

For different behaviour and more various UI/UX scenarios with keyboard participio.
@Dok11 Dok11 added the feature This issue represents a new feature or feature request rather than a bug or bug fix label Sep 10, 2019
@crisbeto crisbeto self-assigned this Sep 13, 2019
@crisbeto crisbeto added has pr P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent labels Sep 13, 2019
crisbeto added a commit to crisbeto/material2 that referenced this issue Sep 13, 2019
@crisbeto
feat(drag-drop): expose native event objects in custom events
778e182 
Exposes the native `MouseEvent` and `TouchEvent` objects in the various drag&drop events since they can contain useful information like which keys were pressed while dragging.

Fixes angular#17032.
@crisbeto crisbeto mentioned this issue Sep 13, 2019
Merged
@crisbeto
Copy link
Member

Not exactly what was requested here, but #17077 will expose the native MouseEvent that triggered the dropping. From it you can get which key is pressed using event.ctrlKey or event.altKey.

crisbeto added a commit to crisbeto/material2 that referenced this issue Sep 13, 2019
@crisbeto
feat(drag-drop): expose native event objects in custom events
7b3c5bd 
Exposes the native `MouseEvent` and `TouchEvent` objects in the various drag&drop events since they can contain useful information like which keys were pressed while dragging.

Fixes angular#17032.
crisbeto added a commit to crisbeto/material2 that referenced this issue Sep 13, 2019
@crisbeto
feat(drag-drop): expose native event objects in custom events
f639659 
Exposes the native `MouseEvent` and `TouchEvent` objects in the various drag&drop events since they can contain useful information like which keys were pressed while dragging.

Fixes angular#17032.
crisbeto added a commit to crisbeto/material2 that referenced this issue Sep 29, 2019
@crisbeto
feat(drag-drop): expose native event objects in custom events
74e42b2 
Exposes the native `MouseEvent` and `TouchEvent` objects in the various drag&drop events since they can contain useful information like which keys were pressed while dragging.

Fixes angular#17032.
crisbeto added a commit to crisbeto/material2 that referenced this issue Mar 4, 2020
@crisbeto
feat(drag-drop): expose native event objects in custom events
a421c9f 
Exposes the native `MouseEvent` and `TouchEvent` objects in the various drag&drop events since they can contain useful information like which keys were pressed while dragging.

Fixes angular#17032.
crisbeto added a commit to crisbeto/material2 that referenced this issue Mar 28, 2020
@crisbeto
feat(drag-drop): expose native event objects in custom events
b451814 
Exposes the native `MouseEvent` and `TouchEvent` objects in the various drag&drop events since they can contain useful information like which keys were pressed while dragging.

Fixes angular#17032.
crisbeto added a commit to crisbeto/material2 that referenced this issue Jun 2, 2020
@crisbeto
feat(drag-drop): expose native event objects in custom events
461a7b3 
Exposes the native `MouseEvent` and `TouchEvent` objects in the various drag&drop events since they can contain useful information like which keys were pressed while dragging.

Fixes angular#17032.
crisbeto added a commit to crisbeto/material2 that referenced this issue Jul 5, 2020
@crisbeto
feat(drag-drop): expose native event objects in custom events
62cab55 
Exposes the native `MouseEvent` and `TouchEvent` objects in the various drag&drop events since they can contain useful information like which keys were pressed while dragging.

Fixes angular#17032.
@angular-robot
Copy link
Contributor

angular-robot bot commented Feb 21, 2022

Just a heads up that we kicked off a community voting process for your feature request. There are 20 days until the voting process ends.

Find more details about Angular's feature request process in our documentation.

crisbeto added a commit to crisbeto/material2 that referenced this issue Feb 24, 2022
@crisbeto
feat(cdk/drag-drop): expose native event objects in custom events
78d6daf 
Exposes the native `MouseEvent` and `TouchEvent` objects in the various drag&drop events since they can contain useful information like which keys were pressed while dragging.

Fixes angular#17032.
crisbeto added a commit that referenced this issue Feb 24, 2022
@crisbeto
feat(cdk/drag-drop): expose native event objects in custom events (#1…
ca6b9fa 
…7077)

Exposes the native `MouseEvent` and `TouchEvent` objects in the various drag&drop events since they can contain useful information like which keys were pressed while dragging.

Fixes #17032.
@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Mar 27, 2022
forsti0506 pushed a commit to forsti0506/components that referenced this issue Apr 3, 2022
@crisbeto @forsti0506
feat(cdk/drag-drop): expose native event objects in custom events (an…
e7d6ef7 
…gular#17077)

Exposes the native `MouseEvent` and `TouchEvent` objects in the various drag&drop events since they can contain useful information like which keys were pressed while dragging.

Fixes angular#17032.
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees

@crisbeto crisbeto

Labels
area: cdk/drag-drop feature This issue represents a new feature or feature request rather than a bug or bug fix P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

feat(cdk/drag-drop): expose native event objects in custom events crisbeto/material2
3 participants
@Dok11 @crisbeto @andrewseguin