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 => {