feat(move-picker): hover-scroll truncated folder path labels - #411
Merged
maathimself merged 2 commits intoSep 16, 2026
Merged
Conversation
Monkey7539
force-pushed
the
feat/move-picker-hover-scroll
branch
from
September 14, 2026 03:00
19c4aba to
1f4840b
Compare
Monkey7539
added a commit
to Monkey7539/mailflow
that referenced
this pull request
Sep 14, 2026
Brings in v3.4.0/v3.4.1 and the upstream landings of our PRs (maathimself#410, maathimself#414, maathimself#419, maathimself#420, maathimself#421, maathimself#422, maathimself#425, maathimself#426). Where dev carried pre-review copies of those fixes, the merged tree now takes upstream's version: folderDisplay.js and its tests (shared delimiter primitives, dot and cross-delimiter cases) and the subfolder-create input comment in Sidebar.jsx. Kept fork-only work on top: calendar-only invite rendering, the attachment-only body fix (still open upstream as maathimself#430), hover-scroll path labels (maathimself#411), the folder-scoped search banner, and the sender trust strip with attachment risk badges. Removed a duplicate folderMatchesQuery/FolderPathLabel import that both sides added to MessagePane.jsx. Conflicts: backend/src/services/imapManager.js backend/src/services/imapManager.test.js backend/src/services/messageParser.js frontend/src/components/FolderPathLabel.jsx frontend/src/components/Sidebar.jsx frontend/src/locales/*.json frontend/src/utils/folderDisplay.js frontend/src/utils/folderDisplay.test.js Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Long parent/child labels ellipsize in the pickers with no way to read the remainder. On hover, when the label overflows, stop shrinking the segments and slide the text left marquee-style to reveal the clipped part (pace scales with distance, short delay filters quick passes), snapping back on leave. Applies to all pickers via FolderPathLabel. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Monkey7539
force-pushed
the
feat/move-picker-hover-scroll
branch
from
September 16, 2026 01:19
1f4840b to
0c34f61
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Optional follow-up to the ancestor-path labels from #402: a deep path like
Ice Rentals / Groups / Beacon Hillcan still truncate in a 320px picker, leaving no way to read the clipped part. On hover, a label that overflows slides left marquee-style to reveal the remainder, then snaps back on leave. Labels that fit are completely unaffected, and there is no motion on touch devices (no hover).Rebased onto main now that the labels PR has landed (0f47f06), so this is a single commit that only touches
FolderPathLabel.jsx. Still deliberately separate so it can be dropped if the motion isn't wanted.Changes
FolderPathLabelgains hover measurement: while hovered the segments stop flex-shrinking (natural width) so the true overflow can be measured, then the content translates left by exactly the clipped amount. The reveal pace scales with distance (~80px/s, min 0.4s) and a 0.3s delay keeps quick mouse passes over the list from triggering slides.Testing
npm run lintclean,npm run buildsucceeds, full frontend suite passes (1913/1913), andnpm audit --omit=dev --audit-level=highpasses.Contributor License Agreement
By submitting this pull request I confirm that:
third-party material and confirmed it is compatible with the CLA).
🤖 Generated with Claude Code