Skip to content

fix: do not override disabled breadcrumbs item color in overlay#11807

Merged
web-padawan merged 1 commit into
mainfrom
fix-disabled-overlay-item-color
May 25, 2026
Merged

fix: do not override disabled breadcrumbs item color in overlay#11807
web-padawan merged 1 commit into
mainfrom
fix-disabled-overlay-item-color

Conversation

@web-padawan

@web-padawan web-padawan commented May 23, 2026

Copy link
Copy Markdown
Member

When an item with disabled set is collapsed into the overflow overlay, its link is rendered with color: var(--vaadin-text-color) (base) or color: var(--lumo-body-text-color) (Lumo), instead of the disabled text color set elsewhere on :host([disabled]) [part='link']. The override happens because the :host([slot='overlay']) [part='link'] rule unconditionally re-asserts the color.

Fix

  • Base styles: scope the color declaration on the overlay-slotted link to :not([disabled]) so the disabled rule keeps winning the cascade.
  • Lumo: same :not([disabled]) guard on the equivalent rule.
  • Aura: no fix needed — covered by base styles.

Visual coverage

Modified the overflow-opened visual tests in base / Lumo / Aura to use a 4-item fixture with the second middle item marked disabled, to show the overlay with two collapsed items: the first focused, the second disabled.


🤖 Generated with Claude Code

@web-padawan web-padawan force-pushed the fix-disabled-overlay-item-color branch from 7ada147 to 1f52f35 Compare May 23, 2026 08:30
@web-padawan web-padawan requested a review from vursen May 23, 2026 08:30
@web-padawan web-padawan force-pushed the fix-disabled-overlay-item-color branch from 1f52f35 to 7997f45 Compare May 25, 2026 07:33
@sonarqubecloud

Copy link
Copy Markdown

@web-padawan web-padawan merged commit a6a49fe into main May 25, 2026
10 checks passed
@web-padawan web-padawan deleted the fix-disabled-overlay-item-color branch May 25, 2026 07:46
@vaadin-bot

Copy link
Copy Markdown
Collaborator

This ticket/PR has been released with Vaadin 25.2.0-beta2.

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

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants