Semantic-ui: Tooltip on disabled button

[redrick]

Hi guys,

hopefully I am not misplacing some CSS, but this is my usacase:

disabled delete button should have popup

as we use 2.2.2, I am using tooltip for it, but here I have it demonstrated:

https://jsfiddle.net/Redrick/uh9hbde2/

tooltip on disabled button not visible, was that intentional ?

Thanks :)

[larsbo]

The disabled button doesn't react on mouseover because of the css property pointer-events: none;.
You can solve that easily by wrapping the disabled button into another tag which has the popup settings instead:
https://jsfiddle.net/uh9hbde2/21/

[redrick]

Perfect, thank you 👍

[quanganhtran]

To follow up on this, wrapping with span would still require a lot of customization to have it functional.

I have yet to try overriding pointer-events

EDIT: I tried pointer-events. It requires me to annotate the rule with important! (because the original one does). And now it appears on hover, but doesn't disappear on mouse leave...

I would really appreciate an example where none of the above unexpected behaviors applies.

[ColCh]

@quanganhtran it works for me https://jsfiddle.net/hyb32dxk/