diff --git a/frontend/src/lib/components/apps/components/dataDisplay/AppHtml.svelte b/frontend/src/lib/components/apps/components/dataDisplay/AppHtml.svelte
index 59f51d007e..9644b20d26 100644
--- a/frontend/src/lib/components/apps/components/dataDisplay/AppHtml.svelte
+++ b/frontend/src/lib/components/apps/components/dataDisplay/AppHtml.svelte
@@ -26,13 +26,15 @@
>
-
+ {#key result}
+
diff --git a/frontend/src/lib/components/apps/components/selectInputs/AppSelect.svelte b/frontend/src/lib/components/apps/components/selectInputs/AppSelect.svelte
index 0091f5f0b2..673a950e73 100644
--- a/frontend/src/lib/components/apps/components/selectInputs/AppSelect.svelte
+++ b/frontend/src/lib/components/apps/components/selectInputs/AppSelect.svelte
@@ -23,11 +23,13 @@
result: Output
}
- function onChange({ detail }: CustomEvent) {
- outputs?.result.set(detail?.[itemKey] || undefined)
+ function onChange(e: CustomEvent) {
+ e?.stopPropagation()
+ window.dispatchEvent(new Event('pointerup'))
+ outputs?.result.set(e.detail?.[itemKey] || undefined)
}
-
- const dispatch = createEventDispatcher()
+ let value = undefined
+ $: items?.[0]?.['value'] != value && (value = items?.[0]?.['value'])
@@ -40,7 +42,12 @@
class="select"
on:clear={onChange}
on:change={onChange}
+ on:focus={(e) => {
+ e?.stopPropagation()
+ window.dispatchEvent(new Event('pointerup'))
+ }}
{items}
+ {value}
placeholder="Select an item"
on:click={() => {
if (!$connectingInput.opened) {