palantir/blueprint

OverflowList FR: collapse from middle

Open

#3,794 opened on Oct 24, 2019

View on GitHub
 (1 comment) (3 reactions) (0 assignees)TypeScript (20,263 stars) (2,167 forks)batch import
P2Package: coreType: enhancementhelp wanted

Description

Environment

  • Package version(s): 3.18.0
  • Browser and OS versions: ALL

Feature request

For the overflow list, It would be a nice feature to have a collapse from middle. There are instances where the middle of a path is common however the tail and head differ

Examples

Using the example from Documentation: Full path: All files > Users > Janet >Photos > Wednesday > image.jpg Collapse from start: ...>Photos > Wednesday > image.jpg Collapse from end: All files > Users > Janet > Photos > ... Collapse from middle: All files > Users > ... > Wednesday > image.jpg

Contributor guide

Tech stack
typescriptreact
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
React basicsTypeScript familiarityUnderstanding of OverflowList component
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70
Research direction
Examine the existing OverflowList component implementation, particularly how collapse from start and end are handled. Look for the component's logic in src/components/overflow list/overflowList.tsx and related files. Understand the current overflow mechanism and breadcrumb rendering. Then design a middle collapse strategy similar to the provided examples, ensuring it's a configurable prop or option. Consider edge cases like short paths or all items fitting.