Skip to content

feat(breadcrumb): add actual min width on breadcrumb item to avoid nasty truncation#3391

Draft
MaxLardenois wants to merge 5 commits intoouds/mainfrom
ouds/main-add-a-minimal-width-size-to-breadcrumb-items
Draft

feat(breadcrumb): add actual min width on breadcrumb item to avoid nasty truncation#3391
MaxLardenois wants to merge 5 commits intoouds/mainfrom
ouds/main-add-a-minimal-width-size-to-breadcrumb-items

Conversation

@MaxLardenois
Copy link
Copy Markdown
Collaborator

@MaxLardenois MaxLardenois commented Feb 25, 2026

Types of change

  • Non-breaking change
  • Breaking change (fix or feature that would change existing functionality and usage)

Related issues

Closes #3383

Context & Motivation

See issue

Description

Add a min-width of size-min-interactive-area on .breadcrumb-items

Checklists

  • I have read the contributing guidelines
  • My change follows the developer guide
  • My change pass all tests
  • My change is compatible with a responsive display
  • I have added tests (Javascript unit test or visual) to cover my changes
  • My change introduces changes to the documentation that I have updated accordingly
    • Title and DOM structure is correct
    • Links have been updated (title changes impact links)
    • CSS for the documentation
  • I have checked all states and combinations of the component with my change
  • I have checked all the impacts for the other components and core behavior (grid, reboot, utilities)

Checklist (for Core Team only)

  • The changes need to be in the migration guide
  • The changes are well displayed in Storybook (be careful if example order has changed for DSM)
  • The changes are compatible with RTL
  • Manually test browser compatibility with BrowserStack (Chrome 120, Firefox 121, Edge 120, Safari 15.6, iOS Safari, Chrome & Firefox on Android)

Progression (for Core Team only)

Live previews

@netlify
Copy link
Copy Markdown

netlify Bot commented Feb 25, 2026

Deploy Preview for boosted ready!

Name Link
🔨 Latest commit 2496b9b
🔍 Latest deploy log https://app.netlify.com/projects/boosted/deploys/69afd7a2a29e3f0008408f97
😎 Deploy Preview https://deploy-preview-3391--boosted.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Comment thread scss/_breadcrumb.scss Outdated
Co-authored-by: Louis-Maxime Piton <louismaxime.piton@orange.com>
@boosted-bot boosted-bot moved this from Need Dev Review to Need Lead Dev Review in 🟣 [Orange-Boosted-Bootstrap] PRs Board Feb 25, 2026
@MaxLardenois MaxLardenois linked an issue Mar 4, 2026 that may be closed by this pull request
@louismaximepiton
Copy link
Copy Markdown
Member

We saw that there are some misalignment issues on small labels, maybe it is safer to set the min-width on the <a> directly ? And it avoids some calculations.

@MaxLardenois MaxLardenois marked this pull request as draft March 10, 2026 10:02
@MaxLardenois
Copy link
Copy Markdown
Collaborator Author

Waiting for new component token for smaller min interactive width for this component

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

Status: Need Lead Dev Review

Development

Successfully merging this pull request may close these issues.

[OUDS] Add a minimal width size to breadcrumb items

3 participants