@stubber/form-fields 1.1.0 → 1.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -59,29 +59,31 @@
|
|
|
59
59
|
document.getElementById(triggerId)?.focus();
|
|
60
60
|
});
|
|
61
61
|
}
|
|
62
|
+
|
|
63
|
+
const collisionBoundary = document.querySelector("body");
|
|
62
64
|
</script>
|
|
63
65
|
|
|
64
66
|
<div class="flex flex-col w-full text-surface-900 my-2">
|
|
65
67
|
<Label for="input_{state_key}" class="block py-2 {hide_label ? 'hidden' : ''}">
|
|
66
68
|
{label}
|
|
67
69
|
</Label>
|
|
68
|
-
<Popover.Root bind:open let:ids>
|
|
70
|
+
<Popover.Root bind:open let:ids portal={collisionBoundary}>
|
|
69
71
|
<Popover.Trigger asChild let:builder>
|
|
70
72
|
<Button
|
|
71
73
|
builders={[builder]}
|
|
72
74
|
variant="outline"
|
|
73
75
|
role="combobox"
|
|
74
76
|
aria-expanded={open}
|
|
75
|
-
class="border-input bg-white bg-opacity-[15] ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring flex h-10
|
|
77
|
+
class="w-full border-input bg-white bg-opacity-[15] ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring flex h-10 rounded-md border px-3 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 justify-between"
|
|
76
78
|
style="box-shadow: inset 0px 16px 16px -16px rgba(0, 0, 0, 0.1333);"
|
|
77
79
|
>
|
|
78
80
|
{dropdownLabel}
|
|
79
81
|
<i class="fas fa-sort ml-2 h-4 w-4 shrink-0 opacity-50" />
|
|
80
82
|
</Button>
|
|
81
83
|
</Popover.Trigger>
|
|
82
|
-
<Popover.Content class="
|
|
84
|
+
<Popover.Content sameWidth {collisionBoundary} class="p-0">
|
|
83
85
|
<Command.Root>
|
|
84
|
-
<Command.Input placeholder="Search..." />
|
|
86
|
+
<Command.Input class="border-none outline-none focus:ring-0" placeholder="Search..." />
|
|
85
87
|
<Command.Empty>No results found.</Command.Empty>
|
|
86
88
|
<Command.Group>
|
|
87
89
|
{#each items as item}
|