Как сделать полимерный элемент перетаскиваемым
Я пытаюсь включитьHTML5 перетащить на пользовательский полимерный элемент но это не работает Без полимера можно просто добавитьdraggable приписывать.
Вот мой код в Dart:
my_component.html<polymer-element name="my-component">
<template>
<style>
@host {
:scope {
display: block;
}
}
div {
background-color: red;
width: 200px;
height: 200px;
}
</style>
<div>
Drag me
</div>
</template>
<script type="application/dart" src="my_component.dart"></script>
</polymer-element>
import 'package:polymer/polymer.dart';
@CustomTag('my-component')
class MyComponent extends PolymerElement {
MyComponent.created() : super.created();
}
<!DOCTYPE html>
<html>
<head>
<link rel="import" href="my_component.html">
<script type="application/dart">import 'package:polymer/init.dart';</script>
<script src="packages/browser/dart.js"></script>
</head>
<body>
<my-component draggable="true"></my-component>
</body>
</html>
Я также попытался расширить непосредственно из элемента HTML. Это тоже не сработало.
Есть идеи, как сделать полимерный элемент перетаскиваемым?
Редактировать: естьСообщение об ошибке за это.