src-advisory/SRCmail
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: render below-header overflow popup outside clipped row

Browse Source
This commit is contained in:
Linus Rath
2026-05-01 17:10:17 +02:00
parent 1e535e96a2
commit 7822a363dd
1 changed files with 2 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/email/email-viewer.tsx
+2
View File
@@ -4525,6 +4525,7 @@ export function EmailViewer({
{/* === ATTACHMENTS below header (below-header mode, desktop only) === */} {/* === ATTACHMENTS below header (below-header mode, desktop only) === */}
{attachmentPosition === 'below-header' && effectiveAttachments.length > 0 && ( {attachmentPosition === 'below-header' && effectiveAttachments.length > 0 && (
<div className="hidden lg:block bg-background border-b border-border px-4 lg:px-6 py-2"> <div className="hidden lg:block bg-background border-b border-border px-4 lg:px-6 py-2">
<div className="relative">
<div ref={belowHeaderRowRef} className="relative flex items-center gap-2 overflow-hidden"> <div ref={belowHeaderRowRef} className="relative flex items-center gap-2 overflow-hidden">
{/* Hidden ghost row used purely for measuring chip widths */} {/* Hidden ghost row used purely for measuring chip widths */}
<div <div
@@ -4638,6 +4639,7 @@ export function EmailViewer({
+{effectiveAttachments.length - visibleBelowHeaderCount} {t('attachments').toLowerCase()} +{effectiveAttachments.length - visibleBelowHeaderCount} {t('attachments').toLowerCase()}
</button> </button>
)} )}
</div>
{showAllBelowHeaderAttachments && visibleBelowHeaderCount !== null && effectiveAttachments.length > visibleBelowHeaderCount && ( {showAllBelowHeaderAttachments && visibleBelowHeaderCount !== null && effectiveAttachments.length > visibleBelowHeaderCount && (
<> <>
<div className="fixed inset-0 z-40" onClick={() => setShowAllBelowHeaderAttachments(false)} /> <div className="fixed inset-0 z-40" onClick={() => setShowAllBelowHeaderAttachments(false)} />