I'm trying to get the equivalent of Eric Bidelman's
http://www.html5rocks.com/en/tutorials/dnd/basics/ working with polymer
so in place of
<div id="columns">
<div class="column" draggable="true"><header>Abracadabra
</header></div>
<div class="column" draggable="true"><header>B</header></div>
<div class="column" draggable="true"><header>C</header></div>
</div>
I have
<div id="columns">
<basics-poly>Abracadabra</basics-poly>
<basics-poly>B</basics-poly>
<basics-poly>C</basics-poly>
</div>
and
<polymer-element name="basics-poly">
<template>
<style>
...
</style>
<div id="column" class="column" draggable="true">
<header><content></content></header>
</div>
</template>
...
</polymer-element>
In the original version the following was needed to stop text fields etc
from being selectable
[draggable] {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
}
I can't find the equivalent for polymer / web components. My first attempt
was
[draggable] /deep/ *{
And based on advice from SO
(http://stackoverflow.com/questions/26271903/preventing-the-contents-of-draggable-polymer-elements-from-being-selectable?noredirect=1#comment41226052_26271903)
I've tried
[draggable], [draggable] /deep/ *, [draggable]::content *, [draggable]::content
/deep/ * {
I've tried many other variants too but nothing works
What should I set the selector to in this case?
BTW full source for this example
is
https://bitbucket.org/andersmholmgren/ah_polymer_stuff/src/7f88d253fe98428e280c1fa4aceada1792a686e1/test/demo/?at=master
- index.html is non polymer and works
- index_poly.html is the polymer version that doesn't work
thanks
Anders
Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups
"Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/polymer-dev/b5da13cd-85e2-4478-be06-b64e8dc8c1c4%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
