diff --git a/packages/client/src/components/Component.svelte b/packages/client/src/components/Component.svelte
index 662dc9cd6d..0a216bd675 100644
--- a/packages/client/src/components/Component.svelte
+++ b/packages/client/src/components/Component.svelte
@@ -208,7 +208,6 @@
draggable,
definition,
errored: errorState,
- draggable,
}
// Update component context
@@ -647,8 +646,6 @@
{#if constructor && initialSettings && (visible || inSelectedPath) && !builderHidden}
-
-
import { getContext } from "svelte"
- import Placeholder from "./Placeholder.svelte"
- const { styleable, builderStore } = getContext("sdk")
+ const { styleable } = getContext("sdk")
const component = getContext("component")
export let url
@@ -40,9 +39,4 @@
background-size: cover;
background-position: center center;
}
-
- .placeholder {
- display: grid;
- place-items: center;
- }
diff --git a/packages/client/src/components/preview/GridDNDHandler.svelte b/packages/client/src/components/preview/GridDNDHandler.svelte
index 114e131eb3..f723d9ad29 100644
--- a/packages/client/src/components/preview/GridDNDHandler.svelte
+++ b/packages/client/src/components/preview/GridDNDHandler.svelte
@@ -41,7 +41,7 @@
// Util to get the inner DOM node by a component ID
const getDOMNode = id => {
const component = document.getElementsByClassName(id)[0]
- return [...component?.children][0]
+ return Array.from(component?.children || [])[0]
}
const getComponentStyles = gridStyles => {