Comments (2)
After some debugging seems to be due to the fact that Im instantiating Swapy inside a Shadow
from swapy.
@diervo Thank you for reporting this issue. Unfortunately, Veloxi (which was used to create Swapy) only works directly on the DOM and can't be used with the shadow DOM. The only case I can think of where it might work with web components is if you are using item content as components. For example:
<div data-swapy-slot="1">
<div data-swapy-item="a">
<my-component></my-component>
</div>
</div>
But that might not be what you want. Sorry! 😞
from swapy.
Related Issues (20)
- docs: Add example with next.js HOT 4
- Deep override HOT 3
- TypeScript issue: createSwapy ~ Argument of type 'Element | null' is not assignable to parameter of type 'Element' HOT 2
- Feature Request: Option to Swap Only Initial and Final Positions HOT 7
- An error occurs when using v-bind in Vue3 HOT 3
- Docs: Add an example in Javascript HOT 3
- Elements added later in a React project cannot be dragged and dropped HOT 4
- Nice HOT 1
- typo on website HOT 1
- Change overflow-x on your website to none HOT 3
- Needs reference documentation HOT 1
- Performance degradation on resize HOT 3
- Secondary drag appears to start from original spot HOT 1
- error on adding new slots
- pure js/html/css example? HOT 1
- Wierd behavior with image item HOT 2
- Question: why do we need two different divs for slot and item HOT 2
- Doesn't work with Safari on MacOS
- Items flickering when using multiple containers HOT 1
- Dynamic slots and items issue HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from swapy.