Daniel/webshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: resolve dialog scrolling overlap by transition to flex layout and native overflow-y-auto
All checks were successful
Staging Build / build (push) Successful in 2m36s
Details

Browse Source
This commit is contained in:
DanielS
2026-06-25 09:50:43 +02:00
parent 563a483c8d
commit fd7a53b954
1 changed files with 3 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
shop/components/admin/create-product-dialog.tsx
View File

@@ -135,9 +135,8 @@ export function CreateProductDialog({ children, categories, product }: { childre
</DialogHeader> </DialogHeader>
<Form {...form}> <Form {...form}>
<form onSubmit={form.handleSubmit(onSubmit)} className="space-y-6 flex flex-col"> <form onSubmit={form.handleSubmit(onSubmit)} className="flex flex-col gap-4 overflow-hidden flex-1 min-h-0">
<ScrollArea className="pr-4" style={{ maxHeight: 'calc(90vh - 220px)' }}> <div className="flex-1 overflow-y-auto pr-4 space-y-6 py-4 min-h-0">
<div className="space-y-6 py-4">
<div className="grid grid-cols-2 gap-4"> <div className="grid grid-cols-2 gap-4">
<FormField <FormField
control={form.control} control={form.control}
@@ -472,8 +471,7 @@ export function CreateProductDialog({ children, categories, product }: { childre
</div> </div>
)} )}
</div> </div>
</div> </div>
</ScrollArea>
<DialogFooter className="pt-4 border-t border-slate-200 dark:border-white/10"> <DialogFooter className="pt-4 border-t border-slate-200 dark:border-white/10">
<Button type="button" variant="ghost" onClick={() => setOpen(false)} className="text-slate-500 hover:text-slate-900 dark:text-slate-400 dark:hover:text-white">Abbrechen</Button> <Button type="button" variant="ghost" onClick={() => setOpen(false)} className="text-slate-500 hover:text-slate-900 dark:text-slate-400 dark:hover:text-white">Abbrechen</Button>