Skip to content

Button component does not display tooltip when disabled #17606

Description

@benkaiser

Environment Information

  • Package version(s): 7.160.3
  • Browser and OS versions: Chrome 90 on Windows 10

Please provide a reproduction of the bug in a codepen:

https://codepen.io/benkaiser/pen/vYgKMGX

  • Hover over the disabled buttons, see they do not show the title tooltip (since the pointer events are set to "none" in the css properties)

This was discussed in a previously closed issue, however I believe the conclusion was incorrect since HTML buttons do show tooltips even when disabled.

Actual behavior:

Button does not show "title" attribute since pointer events are disabled.

Expected behavior:

Button should show the "title" tooltip.

Priorities and help requested:

Are you willing to submit a PR to fix? Yes

Requested priority: Normal

Products/sites affected: SharePoint feature development

Notes

I can try and work around this behavior by applying custom styles to re-instate the pointer events, however it would be great if we could fix this in Fluent UI.

Metadata

Metadata

Assignees

Type

No type

Fields

No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions