ui/select: fix z-index of trigger

2025-08-12 16:33:02 +02:00
parent 9880847d43
commit a5205681cc
2 changed files with 2 additions and 1 deletions
--- a/pkgs/clan-app/ui/src/components/Select/Select.module.css
+++ b/pkgs/clan-app/ui/src/components/Select/Select.module.css
@@ -4,7 +4,7 @@

  &[data-expanded] {
    @apply outline-def-2 outline-1 outline;
-    z-index: var(--z-index + 5);
+    z-index: calc(var(--z-index) + 5);
  }

  &[data-highlighted] {
--- a/pkgs/clan-app/ui/src/components/Select/Select.tsx
+++ b/pkgs/clan-app/ui/src/components/Select/Select.tsx
@@ -146,6 +146,7 @@ export const Select = (props: SelectProps) => {
        <KSelect.HiddenSelect {...selectProps} />
        <KSelect.Trigger
          class={cx(styles.trigger)}
+          style={{ "--z-index": zIndex() }}
          data-loading={loading() || undefined}
        >
          <KSelect.Value<Option>>