Я пытаюсь включить перетаскивание HTML5 пользовательского полимерного элемента, но это не работает. Без полимера можно просто добавить атрибут draggable.
Вот мой код в Дарте:
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>
my_component.dart
import 'package:polymer/polymer.dart';
@CustomTag('my-component')
class MyComponent extends PolymerElement {
MyComponent.created() : super.created();
}
test.html
<!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-элемента. Это тоже не сработало.
Есть идеи, как сделать полимерный элемент перетаскиваемым?
Изменить: для этого есть отчет об ошибке.
