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

Show tooltip on disabled buttons #30

Closed
drosko opened this issue Aug 21, 2018 · 3 comments
Closed

Show tooltip on disabled buttons #30

drosko opened this issue Aug 21, 2018 · 3 comments
Labels

Comments

@drosko
Copy link

drosko commented Aug 21, 2018

Tooltip will not show on a disabled button. Is this possible to fix? I'd be happy to take a stab at it if you think it is doable. I tried wrapping the button in a span with the data-rh attribute, but that didn't work.

@slmgc slmgc added the question label Aug 21, 2018
@slmgc
Copy link
Owner

slmgc commented Aug 21, 2018

Hi, let me try experimenting with this a little bit. I'll get back to you with my findings.

@slmgc
Copy link
Owner

slmgc commented Sep 28, 2018

Hi! Sorry for such a long delay :/ Inline elements won't work, but block elements do work when you wrap a disabled button. Here's what you can do:

<div data-rh="Disabled button tooltip" style={{display: 'inline-block'}}>
	<button disabled>Disabled button</button>
</div>

Hope this helps!

@slmgc slmgc closed this as completed Sep 28, 2018
@drosko
Copy link
Author

drosko commented Sep 28, 2018

👍

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants