Do I need to be using something like polyfill-next-selector or shim-shadowdom? I tried putting shim-shadowdom everywhere but no effect. I'm not sure how I would express the polyfill-next-selector in this case.
Interestingly I get totally different behaviour in this example with the latest chrome, firefox and safari - chrome simply doesn't let me drag if I try to drag on the text - firefox actually seems to work - safari kinda works but if I drag on the text it shows only the text getting dragged Any pointers appreciated. I'm kinda desperate here as I've been struggling for the better part of a week to get draggable items in core-list working. First with core-drag-drop then when I couldn't get that to work, going back to native html 5 dnd On Friday, 10 October 2014 09:42:01 UTC+11, Anders Holmgren wrote: > > 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/3bb53997-0007-404d-abd8-41194e4a8df0%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
