Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tooltip stealing classes #11545

Closed
1 task done
mb8z opened this issue Jul 31, 2018 · 1 comment
Closed
1 task done

Tooltip stealing classes #11545

mb8z opened this issue Jul 31, 2018 · 1 comment
Assignees

Comments

@mb8z
Copy link

mb8z commented Jul 31, 2018

  • I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.7.3

Environment

macOS Mojave Public Beta, Chrome 67.0.3396.99 (Official Build) (64-bit)

Reproduction link

Steps to reproduce

I have a table with each row containing a button with tooltip:

<Tooltip title={tooltipTitle}>
  <Button
    className="button-link table-deletion-button"
    onClick={handleClickMethod}
    disabled // This only happens when the disabled prop is set to true
  >
    <MyIcon name="escape_1" />
  </Button>
</Tooltip>

This is what I get in the HTML –– the <span> gets the button classes, instead of the button having them

screen shot 2018-07-31 at 2 44 52 pm

What is expected?

Tooltip should not get its children classes

What is actually happening?

Tooltip gets its children classes

@afc163
Copy link
Member

afc163 commented Aug 3, 2018

It is for resolve tooltip or popover don't work on disabled elements issue.

You can find more information at #4865 react-component/tooltip#18 mui/material-ui#11601

@afc163 afc163 closed this as completed Aug 3, 2018
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

No branches or pull requests

3 participants