Skip to content

fix(ui5-shellbar): prevent hover and active styles on disabled slotted buttons#13076

Merged
NakataCode merged 1 commit intomainfrom
shellbar-disabled-button-hover
Feb 13, 2026
Merged

fix(ui5-shellbar): prevent hover and active styles on disabled slotted buttons#13076
NakataCode merged 1 commit intomainfrom
shellbar-disabled-button-hover

Conversation

@NakataCode
Copy link
Contributor

Disabled buttons slotted in ShellBar were showing hover styling and pointer cursor due to ShellBar's button overstyles not accounting for the disabled state.

Added :not([disabled]) selectors to:

  • cursor: pointer rule for slotted buttons
  • hover state styles for slotted buttons
  • active state styles for slotted buttons

Fixes: #13072

@ui5-webcomponents-bot
Copy link
Collaborator

ui5-webcomponents-bot commented Feb 12, 2026

🧹 Preview deployment cleaned up: https://pr-13076--ui5-webcomponents.netlify.app

@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview February 12, 2026 13:59 Inactive
@NakataCode NakataCode merged commit 621fed1 into main Feb 13, 2026
14 checks passed
@NakataCode NakataCode deleted the shellbar-disabled-button-hover branch February 13, 2026 15:05
@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview February 13, 2026 15:05 Inactive
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[ui5-button]: A disabled button shows hover styling

3 participants