PolymerElements / paper-icon-button

A Material Design icon button
https://www.webcomponents.org/element/PolymerElements/paper-icon-button
42 stars 44 forks source link

Cursor auto for disabled mode #16

Open ystreibel opened 9 years ago

ystreibel commented 9 years ago

Hi,

We try to use paper-icon-button on paper-toolbar. We had a text cursor when the paper-icon-button was disabled but it remains as a text cursor when we overlay closest enabled paper-icon-button.

This css properties might be in conflict with enabled paper-icon-button :

:host([disabled]) {
      color: var(--paper-icon-button-disabled-text, #fff);
      pointer-events: none;
      cursor: auto;
      @apply(--paper-icon-button-disabled);
}
cdata commented 9 years ago

Thanks for reporting. I will look into it. Can you give me a specific example of the style usage that was getting overridden?

ystreibel commented 9 years ago

Hi, When I clic on undo/redo button, the pointer change from hand to pointer. More other, like a said previosly, when the cursor is text and I fly over the paper-icon-button, it could change to hand. this is my demo page http://ystreibel.github.io/my-toolbar/components/my-toolbar/demo/

notwaldorf commented 8 years ago

Seems to be a bug; here's a demo with repro steps: http://jsbin.com/hayeju/edit?html. This may be happening because we're setting pointer-events: none