fix: render below-header overflow popup outside clipped row

2026-05-01 17:10:17 +02:00
parent 1e535e96a2
commit 7822a363dd
1 changed files with 2 additions and 0 deletions
@@ -4525,6 +4525,7 @@ export function EmailViewer({
      {/* === ATTACHMENTS below header (below-header mode, desktop only) === */}
      {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="relative">
          <div ref={belowHeaderRowRef} className="relative flex items-center gap-2 overflow-hidden">
            {/* Hidden ghost row used purely for measuring chip widths */}
            <div
@@ -4638,6 +4639,7 @@ export function EmailViewer({
                +{effectiveAttachments.length - visibleBelowHeaderCount} {t('attachments').toLowerCase()}
              </button>
            )}
+          </div>
            {showAllBelowHeaderAttachments && visibleBelowHeaderCount !== null && effectiveAttachments.length > visibleBelowHeaderCount && (
              <>
                <div className="fixed inset-0 z-40" onClick={() => setShowAllBelowHeaderAttachments(false)} />