select fix

frontend/src/lib/components/ArgInput.svelte

@@ -62,6 +62,7 @@
 	export let minW = true
 	export let prettifyHeader = false
 	export let resourceTypes: string[] | undefined
+	export let disablePortal = false
 
 	let seeEditable: boolean = enum_ != undefined || pattern != undefined
 	const dispatch = createEventDispatcher()
@@ -350,11 +351,12 @@
 					</div>
 				</div>
 			{:else if inputCat == 'resource-object' && (resourceTypes == undefined || (format.split('-').length > 1 && resourceTypes.includes(format.substring('resource-'.length))))}
-				<ObjectResourceInput {format} bind:value />
+				<ObjectResourceInput {disablePortal} {format} bind:value />
 			{:else if inputCat == 'object' || inputCat == 'resource-object'}
 				{#if properties && Object.keys(properties).length > 0}
 					<div class="p-4 pl-8 border rounded w-full">
 						<SchemaForm
+							{disablePortal}
 							{disabled}
 							schema={{ properties, $schema: '', required: [], type: 'object' }}
 							bind:args={value}
@@ -400,6 +402,7 @@
 				/>
 			{:else if inputCat == 'resource-string'}
 				<ResourcePicker
+					{disablePortal}
 					bind:value
 					resourceType={format.split('-').length > 1
 						? format.substring('resource-'.length)

frontend/src/lib/components/FlowPreviewContent.svelte

@@ -188,6 +188,7 @@
 				class="py-4 max-w-3xl"
 				schema={$flowStore.schema}
 				bind:args={$previewArgs}
+				disablePortal
 			/>
 		</div>
 		<div class="pt-4 grow">

frontend/src/lib/components/ObjectResourceInput.svelte

@@ -3,6 +3,7 @@
 
 	export let format: string
 	export let value: any
+	export let disablePortal = false
 
 	function isString(value: any) {
 		return typeof value === 'string' || value instanceof String
@@ -33,6 +34,7 @@
 
 <div class="flex flex-row w-full flex-wrap gap-x-2 gap-y-0.5">
 	<ResourcePicker
+		{disablePortal}
 		on:change={(e) => {
 			path = e.detail
 			resourceToValue()

frontend/src/lib/components/ResourcePicker.svelte

@@ -15,6 +15,7 @@
 	export let initialValue: string | undefined = undefined
 	export let value: string | undefined = initialValue
 	export let resourceType: string | undefined = undefined
+	export let disablePortal = false
 
 	let valueSelect =
 		initialValue || value
@@ -77,6 +78,7 @@
 
 <div class="flex flex-row gap-x-1 w-full">
 	<Select
+		portal={!disablePortal}
 		value={valueSelect}
 		on:change={(e) => {
 			value = e.detail.value

frontend/src/lib/components/SchemaForm.svelte

@@ -25,6 +25,7 @@
 	export let flexWrap = false
 	export let noDelete = false
 	export let prettifyHeader = false
+	export let disablePortal = false
 
 	let clazz: string = ''
 	export { clazz as class }
@@ -77,6 +78,7 @@
 					{#if typeof args == 'object' && schema?.properties[argName]}
 						{#if editableSchema}
 							<ArgInput
+								{disablePortal}
 								{resourceTypes}
 								{prettifyHeader}
 								autofocus={i == 0 && autofocus}
@@ -104,6 +106,7 @@
 							/>
 						{:else}
 							<ArgInput
+								{disablePortal}
 								{resourceTypes}
 								{prettifyHeader}
 								autofocus={i == 0 && autofocus}

frontend/src/lib/components/flows/content/CapturePayload.svelte

@@ -115,6 +115,6 @@
 			<SchemaViewer schema={jsonSchema} />
 		</div>
 		<h3 class="mt-8">Test args</h3>
-		<SchemaForm class="pt-4" schema={$flowStore.schema} args={$previewArgs} />
+		<SchemaForm disablePortal class="pt-4" schema={$flowStore.schema} args={$previewArgs} />
 	</DrawerContent>
 </Drawer>