S
SolidJS•3mo ago
eatingtheham

What do you recommend for drag and drop capabilities?

I am creating an app using tauri and solid for my frontend. And am wanting to have the ability to drag and drop between windows. Currently my best option is to use the HTML Drag and Drop API to transfer data across different pages (each window is a different site). The api is good for transfering data, but it doesn't look that good compared to what you get from DND libraries. The downside to those libraries is that you can't transfer data between sites (could be wrong).
4 Replies
Katja
Katja•3mo ago
This is very new, but seems to support your case regarding dnd between windows: https://atlassian.design/components/pragmatic-drag-and-drop/about
eatingtheham
eatingtheham•3mo ago
The documentation is quite confusing. Have seen it before. It is basically the HTML drag and drop api.
Katja
Katja•3mo ago
Yeah its native api minus bugs. There is also sortablejs that i can recommend to you, but it also has its tradeoffs 😅
eatingtheham
eatingtheham•2mo ago
Thanks. Seems like I will always get some form of tradeoff no matter where I go. I might try to see if I could use the Solid DND library. And then when I put parameters on the element. I can hope that then I can switch to using the HTML drag and drop api when the mouse leaves the viewport. Bit hacky but might work.
Want results from more Discord servers?
Add your server
More Posts
Adding Auth to Solid-Start, need some pointersFirst, sorry, this might be a little more generic than just Solid, but I've created my Solid Start aRouter brakes cssCode that works: ```js ...(index.tsx) const root = document.getElementById('root'); if (import.metacreateShortcut callbacks fire even if a textinput has focusI'm making a todo app which has vim motions for navigation. When I hit 'j' or 'k' i'd like these keyRemoving element from store array doesn't remove rendered itemsHi, i need help with this. I have a store that is shared in a context with some helper functions. <Index> with storesHello there, I'm building an application where I have a store defined in a separate non-component fiCan't find replace attribute on <Navigate />This is basically my code, I am trying to check if the user is authenticated, if not then redirect tSolid-CLI won't create any projectWhen creating using `node` (either via `npx` or `bunx`) the CLI fails simply stating 'something wentcreateEffect is reactive, JSX isn't``` export const SavedLineView = (props: { loading: Accessor<boolean> }) => { createEffect(() => {Restricte route by user role, possibly a middleware?Hello, I would appreciate some assistance from more experienced web developers, if possible. My issNavigating with A from and to dynamic route doesn't re-render.I have a dynamic route `routes/post/[postid].tsx`. Within this route I have (simplified) ```tsx cons