Skip to content

Comments

fix(breadcrumbs): don't render link for selected crumb#7774

Draft
mihai-albu-sage wants to merge 3 commits intomasterfrom
FE-7570
Draft

fix(breadcrumbs): don't render link for selected crumb#7774
mihai-albu-sage wants to merge 3 commits intomasterfrom
FE-7570

Conversation

@mihai-albu-sage
Copy link
Contributor

Proposed behaviour

When a breadcrumb receives isCurrent with the value true, it renders as a styled span instead of a Link. This avoids potential race conditions between breadcrumb styling and Link styling.

Current behaviour

Currently, all breadcrumbs are rendered using the Link component. When isCurrent is set, additional styles are applied to that same Link, which can create a race condition between the breadcrumb styles and the link’s default styles.

Checklist

  • Commits follow our style guide
  • Related issues linked in commit messages if required
  • Screenshots are included in the PR if useful
  • All themes are supported if required
  • Unit tests added or updated if required
  • Playwright automation tests added or updated if required
  • Storybook added or updated if required
  • Translations added or updated (including creating or amending translation keys table in storybook) if required
  • Typescript d.ts file added or updated if required
  • Related docs have been updated if required

QA

  • Tested in provided StackBlitz sandbox/Storybook
  • Add new Playwright test coverage if required
  • Carbon implementation matches Design System/designs
  • UI Tests GitHub check reviewed if required

Additional context

Testing instructions

Aligns Breadcrumbs component to Fusion DS. Updates styles using fusion-tokens and adds new `inverse`
prop. Deprecates `isDarkBackground` prop from Breadcrumbs and `hasFocus`, `underline`, `linkSize`
and `bold` props from Crumb.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Development

Successfully merging this pull request may close these issues.

2 participants