ember-cli-zero-clipboard icon indicating copy to clipboard operation
ember-cli-zero-clipboard copied to clipboard

inner button hover/active states not triggering

Open samselikoff opened this issue 10 years ago • 5 comments

The inner button's hover/active states seem to not be showing, because the zero clipboard .ember-view div is covering the button.

Anyone else seeing this?

samselikoff avatar Dec 19 '14 04:12 samselikoff

I think this is happening because of the way zero-clipboard works. There is a flash element that gets inserted on-top of the button so hover/active states don't work. The work around is that zero-clipboard adds a class called "zeroclipboard-is-hover" which might help.

aomran avatar Dec 19 '14 17:12 aomran

Gotcha. In this case I think the example with innerClass='btn' is misleading, since pretty much everyone will expect those hover/active states to work, but they won't.

Would it work if the view itself had the btn classes instead?

samselikoff avatar Dec 19 '14 17:12 samselikoff

In a previous implementation the component itself was a button and it still didn't work. I played around with it a bit but didn't have time to solve it. If you do then please make a pull request :)

I'll see about fixing the example.

aomran avatar Dec 19 '14 17:12 aomran

Gotcha, I'll try to make something work :)

samselikoff avatar Dec 19 '14 17:12 samselikoff

Anyone had any luck with this?

There's a class .zeroclipboard-is-hover, however, background-color there doesn't help, because even though .zeroclipboard-is-hover is a parent of .btn, it seems hover color is behind the btn?

aalimovs avatar Dec 03 '15 17:12 aalimovs