From 744302e8ab9ff78747982414a79c46f04877d320 Mon Sep 17 00:00:00 2001
From: DanielS <daniel.schumacher@caspos.de>
Date: Thu, 25 Jun 2026 01:29:01 +0200
Subject: [PATCH] fix: resolve popover cutoff inside table by setting
 overflow-visible and adding debug logging for companies

---
 shop/components/admin/user-list.tsx | 5 +++--
 shop/components/ui/table.tsx        | 4 ++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/shop/components/admin/user-list.tsx b/shop/components/admin/user-list.tsx
index f282ec9..8d0e0f4 100644
--- a/shop/components/admin/user-list.tsx
+++ b/shop/components/admin/user-list.tsx
@@ -134,10 +134,11 @@ export function UserList({ initialUsers, companies }: UserListProps) {
       })
     : filteredUsers
 
+  console.log('COMPANIES IN USERLIST:', companies)
   let lastCompanyName: string | null = null
 
   return (
-    <Card className="glass-dark border-white/10 shadow-2xl overflow-hidden">
+    <Card className="glass-dark border-white/10 shadow-2xl overflow-visible">
       <CardHeader>
         <CardTitle>Benutzerverwaltung</CardTitle>
         <CardDescription className="text-slate-400">
@@ -169,7 +170,7 @@ export function UserList({ initialUsers, companies }: UserListProps) {
             </label>
           </div>
         </div>
-        <Table>
+        <Table containerClassName="overflow-visible">
           <TableHeader>
             <TableRow className="border-white/10 hover:bg-white/5">
               <TableHead className="text-slate-200">E-Mail</TableHead>
diff --git a/shop/components/ui/table.tsx b/shop/components/ui/table.tsx
index 7add5f1..c3a9b1d 100644
--- a/shop/components/ui/table.tsx
+++ b/shop/components/ui/table.tsx
@@ -4,11 +4,11 @@ import * as React from "react"
 
 import { cn } from "@/lib/utils"
 
-function Table({ className, ...props }: React.ComponentProps<"table">) {
+function Table({ className, containerClassName, ...props }: React.ComponentProps<"table"> & { containerClassName?: string }) {
   return (
     <div
       data-slot="table-container"
-      className="relative w-full overflow-x-auto"
+      className={cn("relative w-full overflow-x-auto", containerClassName)}
     >
       <table
         data-slot="table"