Accept drag class is not display when dragging over draggable-object about ember-drag-drop HOT 5 OPEN

I'll look into this later.

from ember-drag-drop.

Hi! I'm apparently facing the same issue. Has anyone worked out a fix, even temporary? Thank you!

from ember-drag-drop.

+1

from ember-drag-drop.

@cbou @Sype911 I found an workaround by creating an custom component that extends from draggable-object and uses the dragEnter and dragLeave HTML5 events to manipulate a flag that adds or remove a CSS class when something is being dragged over the component:

import DraggableObject from 'ember-drag-drop/components/draggable-object';

export default DraggableObject.extend({

	classNameBindings: ['isDraggingOver:is-dragging-over'],

	isDraggingOver: false,

	dragEnter() {

		this.set('isDraggingOver', true);
	},

	dragLeave() {

		this.set('isDraggingOver', false);
	}
});

In my case, i want to change the element's style, not the parent's style (draggable-object-target, for example), but you can use jQuery to get the parent element and add/remove CSS classes manually. I have the same problem and i know this is not the best approach, but works. 😁

from ember-drag-drop.

The same problem.
I just forked this package and changed a function to return true.

from ember-drag-drop.