Skip to content

Button component does not display tooltip when disabled #17606

@benkaiser

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

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions