Skip to content

drag events dataTransfer is undefined in RC5 alpha 7-2 with NgModule imports #1025

@jkyoutsey

Description

@jkyoutsey

Bug, feature request, or proposal:

Bug: Since adding in Md*Module(s) and hammerjs, drag events no longer contain the dataTransfer property.

browser_adapter.js:84 TypeError: Cannot set property 'effectAllowed' of undefined
    at DraggableDirective.onDragStart (draggable.directive.ts:9)
    at DebugAppView._View_BusinessObjectFieldsListComponent1._handle_dragstart_0_0 (BusinessObjectFieldsListComponent.ngfactory.js:238)
    at view.js:381
    at dom_renderer.js:255
    at hammer_gestures.js:68
    at ZoneDelegate.invoke (zone.js:323)
    at Object.onInvoke (ng_zone_impl.js:53)
    at ZoneDelegate.invoke (zone.js:322)
    at Zone.runGuarded (zone.js:230)
    at NgZoneImpl.runInnerGuarded (ng_zone_impl.js:86)

This did not happen when directly using the Md* components in our components. Once we added the Md*Module(s) to NgModule and installed hammerjs this error arose.

What is the expected behavior?

drag events should have the dataTransfer property to be able to pass data in the dropped element

What is the current behavior?

error above

What are the steps to reproduce?

(I'm working on it, but can't figure out how to get ng2 rc5 and md alpha7-2 all in the same plunker...)
Plunker template: http://plnkr.co/edit/o077B6uEiiIgkC0S06dd

Which versions of Angular, Material, OS, browsers are affected?

Angular 2 RC5
Material alpha 7-2
hammerjs 2.0.8
Windows 8.1
Chrome and FF latest

Is there anything else we should know?

It's worth noting that this error occurs in a component with NO MD components in use. But it only happens if we NgModule import the MD components (needed elsewhere in the application). It doesn't make sense, but our draggable div isn't an md-* component! But if I remove them from NgModule imports I can drag it!

Metadata

Metadata

Assignees

Labels

P2The issue is important to a large percentage of users, with a workaround

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions