fix (app): Fix list elements jumping out of position when dragged (#300)

sameoldlab · web-flow · commit 5f8dfbd4bfea · 2025-02-04T14:50:30.000Z
For reasons I don't understand dragging elements from
svelte-sortable-list seems to break when it's parent has a
`backdrop-filter`.
diff --git a/src/app.css b/src/app.css
@@ -15,7 +15,6 @@ input::placeholder {
 
 .card {
 	@apply !rounded-xl !border-[1px] !border-black !bg-pink-300/10;
-	backdrop-filter: blur(2px)
 }
 
 .modal.contents .card {

Original file line number	Diff line number	Diff line change
`@@ -15,7 +15,6 @@ input::placeholder {`
`15`	`15`
`16`	`16`	`.card {`
`17`	`17`	`@apply !rounded-xl !border-[1px] !border-black !bg-pink-300/10;`
`18`		`- backdrop-filter: blur(2px)`
`19`	`18`	`}`
`20`	`19`
`21`	`20`	`.modal.contents .card {`