Skip to content
This repository has been archived by the owner on Nov 9, 2024. It is now read-only.

Unable to use tippy on button elements that are disabled (webkit). #104

Closed
drewswaycool opened this issue Sep 22, 2017 · 4 comments
Closed

Comments

@drewswaycool
Copy link

Is this documented? Is there a workaround?

In my use case I want users to know WHY a button is disabled (via the disabled attribute/property).

@atomiks
Copy link
Owner

atomiks commented Sep 23, 2017

No issues here: https://codepen.io/anon/pen/QqKPYp?editors=1010

@drewswaycool
Copy link
Author

drewswaycool commented Sep 25, 2017

What browser are you using? This does not seem to work in webkit based browsers. I see that it does work in Firefox however.

@drewswaycool drewswaycool changed the title Unable to use tippy on button elements that are disabled. Unable to use tippy on button elements that are disabled (webkit). Sep 25, 2017
@atomiks
Copy link
Owner

atomiks commented Sep 26, 2017

Chrome 61 on Mac. Just tried on Safari and it indeed doesn't work...

@atomiks
Copy link
Owner

atomiks commented Sep 26, 2017

I think disabled elements generally don't fire events (differs between browsers though):

Disabled elements do not fire events. You can however place a DIV over top of the element and listen to the event fired on that element instead.

You could try that.

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

No branches or pull requests

2 participants