From 92183dd9425ade8ba090619150ff3711ee003888 Mon Sep 17 00:00:00 2001 From: Christian Vidal Wolf Date: Fri, 24 Apr 2026 16:13:30 +0200 Subject: [PATCH] fix: z-index filters above pinned columns --- src/components/PricingView.tsx | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/src/components/PricingView.tsx b/src/components/PricingView.tsx index abeb994..d265e2b 100644 --- a/src/components/PricingView.tsx +++ b/src/components/PricingView.tsx @@ -1175,7 +1175,7 @@ export function PricingView({ data, headers, onSaveRow, onCaptureState, onEdit, value={articleNoColFilter} onChange={setArticleNoColFilter} onClose={() => setOpenFilter(null)} - zIndex={isPinned('articleNo') ? (getStickyRank('articleNo') ?? 0) + 100 : 50} + zIndex={isPinned('articleNo') ? 200 : 50} /> )} { e.stopPropagation(); handleResizeStart(e, 'articleNo', columnWidths.articleNo); }} /> @@ -1203,7 +1203,7 @@ export function PricingView({ data, headers, onSaveRow, onCaptureState, onEdit, value={nameColFilter} onChange={setNameColFilter} onClose={() => setOpenFilter(null)} - zIndex={isPinned('articleName') ? (getStickyRank('articleName') ?? 0) + 100 : 50} + zIndex={isPinned('articleName') ? 200 : 50} /> )} { e.stopPropagation(); handleResizeStart(e, 'articleName', columnWidths.articleName); }} /> @@ -1234,7 +1234,7 @@ export function PricingView({ data, headers, onSaveRow, onCaptureState, onEdit, onSelectAll={vals => setLineMultiFilter(vals)} onClear={() => { setLineMultiFilter([]); setOpenFilter(null); }} onClose={() => setOpenFilter(null)} - zIndex={isPinned('line') ? (getStickyRank('line') ?? 0) + 100 : 50} + zIndex={isPinned('line') ? 200 : 50} /> )} { e.stopPropagation(); handleResizeStart(e, 'line', columnWidths.line); }} /> @@ -1265,7 +1265,7 @@ export function PricingView({ data, headers, onSaveRow, onCaptureState, onEdit, onSelectAll={vals => setClassificationFilter(vals)} onClear={() => { setClassificationFilter([]); setOpenFilter(null); }} onClose={() => setOpenFilter(null)} - zIndex={isPinned('classification') ? (getStickyRank('classification') ?? 0) + 100 : 50} + zIndex={isPinned('classification') ? 200 : 50} /> )} { e.stopPropagation(); handleResizeStart(e, 'classification', columnWidths.classification); }} /> @@ -1293,7 +1293,7 @@ export function PricingView({ data, headers, onSaveRow, onCaptureState, onEdit, onSelectAll={vals => setProductTypeFilter(vals)} onClear={() => { setProductTypeFilter([]); setOpenFilter(null); }} onClose={() => setOpenFilter(null)} - zIndex={isPinned('productType') ? (getStickyRank('productType') ?? 0) + 100 : 50} + zIndex={isPinned('productType') ? 200 : 50} /> )} { e.stopPropagation(); handleResizeStart(e, 'productType', columnWidths.productType); }} /> @@ -1347,7 +1347,7 @@ export function PricingView({ data, headers, onSaveRow, onCaptureState, onEdit, onSelectAll={vals => setDynamicColFilters(prev => ({ ...prev, [col.index]: vals }))} onClear={() => { setDynamicColFilters(prev => { const next = { ...prev }; delete next[col.index]; return next; }); setOpenFilter(null); }} onClose={() => setOpenFilter(null)} - zIndex={isPinned(colKey) ? (getStickyRank(colKey) ?? 0) + 100 : 50} + zIndex={isPinned(colKey) ? 200 : 50} /> )} { e.stopPropagation(); handleResizeStart(e, colKey, width); }} /> @@ -1381,7 +1381,7 @@ export function PricingView({ data, headers, onSaveRow, onCaptureState, onEdit, onSelectAll={vals => setUnitsOuterFilter(vals)} onClear={() => { setUnitsOuterFilter([]); setOpenFilter(null); }} onClose={() => setOpenFilter(null)} - zIndex={isPinned('unitsOuter') ? (getStickyRank('unitsOuter') ?? 0) + 100 : 50} + zIndex={isPinned('unitsOuter') ? 200 : 50} /> )} { e.stopPropagation(); handleResizeStart(e, 'unitsOuter', columnWidths.unitsOuter); }} /> @@ -1413,7 +1413,7 @@ export function PricingView({ data, headers, onSaveRow, onCaptureState, onEdit, onSelectAll={vals => setOuterWFilter(vals)} onClear={() => { setOuterWFilter([]); setOpenFilter(null); }} onClose={() => setOpenFilter(null)} - zIndex={isPinned('outerW') ? (getStickyRank('outerW') ?? 0) + 100 : 50} + zIndex={isPinned('outerW') ? 200 : 50} /> )} { e.stopPropagation(); handleResizeStart(e, 'outerW', columnWidths.outerW); }} /> @@ -1445,7 +1445,7 @@ export function PricingView({ data, headers, onSaveRow, onCaptureState, onEdit, onSelectAll={vals => setOuterLFilter(vals)} onClear={() => { setOuterLFilter([]); setOpenFilter(null); }} onClose={() => setOpenFilter(null)} - zIndex={isPinned('outerL') ? (getStickyRank('outerL') ?? 0) + 100 : 50} + zIndex={isPinned('outerL') ? 200 : 50} /> )} { e.stopPropagation(); handleResizeStart(e, 'outerL', columnWidths.outerL); }} /> @@ -1477,7 +1477,7 @@ export function PricingView({ data, headers, onSaveRow, onCaptureState, onEdit, onSelectAll={vals => setOuterHFilter(vals)} onClear={() => { setOuterHFilter([]); setOpenFilter(null); }} onClose={() => setOpenFilter(null)} - zIndex={isPinned('outerH') ? (getStickyRank('outerH') ?? 0) + 100 : 50} + zIndex={isPinned('outerH') ? 200 : 50} /> )} { e.stopPropagation(); handleResizeStart(e, 'outerH', columnWidths.outerH); }} /> @@ -1521,7 +1521,7 @@ export function PricingView({ data, headers, onSaveRow, onCaptureState, onEdit, onSelectAll={vals => setDynamicColFilters(prev => ({ ...prev, [col.index]: vals }))} onClear={() => { setDynamicColFilters(prev => { const next = { ...prev }; delete next[col.index]; return next; }); setOpenFilter(null); }} onClose={() => setOpenFilter(null)} - zIndex={isPinned(colKey) ? (getStickyRank(colKey) ?? 0) + 100 : 50} + zIndex={isPinned(colKey) ? 200 : 50} /> )} { e.stopPropagation(); handleResizeStart(e, colKey, width); }} />