This commit is contained in:
Andrew Kingston 2024-08-05 19:45:10 +01:00
parent 5127a90e5d
commit 5071f39153
No known key found for this signature in database
3 changed files with 2 additions and 11 deletions

View File

@ -208,7 +208,6 @@
draggable, draggable,
definition, definition,
errored: errorState, errored: errorState,
draggable,
} }
// Update component context // Update component context
@ -647,8 +646,6 @@
{#if constructor && initialSettings && (visible || inSelectedPath) && !builderHidden} {#if constructor && initialSettings && (visible || inSelectedPath) && !builderHidden}
<!-- The ID is used as a class because getElementsByClassName is O(1) --> <!-- The ID is used as a class because getElementsByClassName is O(1) -->
<!-- and the performance matters for the selection indicators --> <!-- and the performance matters for the selection indicators -->
<!-- svelte-ignore a11y-click-events-have-key-events -->
<!-- svelte-ignore a11y-no-static-element-interactions -->
<div <div
class={`component ${id}`} class={`component ${id}`}
class:draggable class:draggable

View File

@ -1,8 +1,7 @@
<script> <script>
import { getContext } from "svelte" import { getContext } from "svelte"
import Placeholder from "./Placeholder.svelte"
const { styleable, builderStore } = getContext("sdk") const { styleable } = getContext("sdk")
const component = getContext("component") const component = getContext("component")
export let url export let url
@ -40,9 +39,4 @@
background-size: cover; background-size: cover;
background-position: center center; background-position: center center;
} }
.placeholder {
display: grid;
place-items: center;
}
</style> </style>

View File

@ -41,7 +41,7 @@
// Util to get the inner DOM node by a component ID // Util to get the inner DOM node by a component ID
const getDOMNode = id => { const getDOMNode = id => {
const component = document.getElementsByClassName(id)[0] const component = document.getElementsByClassName(id)[0]
return [...component?.children][0] return Array.from(component?.children || [])[0]
} }
const getComponentStyles = gridStyles => { const getComponentStyles = gridStyles => {