search

PolymerElements / paper-button

A button à la Material Design
https://www.webcomponents.org/element/PolymerElements/paper-button
138 stars 64 forks source link

Windows 10 / Edge / InternetExplorer #44

Closed dfreedm closed 8 years ago

dfreedm commented 9 years ago

From @ARMistice on August 14, 2015 15:50

On Windows 10 with InternetExplorer / Edge

https://elements.polymer-project.org/elements/paper-button?view=demo:demo/index.ht

Changeing the frame size or clicking buttons make everything flicker. Seems to be a problem with the "ripple" effects

image

Copied from original issue: Polymer/polymer#2275

dfreedm commented 9 years ago

I can't seem to reproduce in Win10/Edge on either the catalog site, nor the demo.

ARMistice commented 9 years ago

Its on Windows 10 Microsoft Edge 20.10240.16384.0 ... all up to date .. the buttons with ripple and shadow do not work correct.

Totally reproducable ... like you can see in the image

Filed a Bug to Microsoft perhaps its their fault ;)

dfreedm commented 9 years ago

Sorry, have the same Edge version and cannot reproduce this behavior. Maybe something particular about your machine is causing problems? Do the demos also seem to not work in Chrome or Firefox for you?

etinin commented 9 years ago

I am having the same issue. Everything works fine in Chrome, but things get very strange with the final version of Edge. There are several interactions with the page that will screw up the style, but this way seems to be more reproducible: Make a simple form with paper-inputs, when you change focus to the paper-inputs, the mixins applied to the paper-button will get very strange. No console errors whatsoever.

CORRECT RENDERING ON PAGE LOAD: image

PAPER-INPUT SELECTED: image

cdata commented 8 years ago

I also cannot reproduce this problem. If you can provide a live test case in a JSBin of something going wrong, we will happily take a look. Please re-open if this is continuing to cause problems!

ARMistice commented 8 years ago

You don't need a JSBin .. simply use:

https://elements.polymer-project.org/elements/paper-button?active=paper-button&view=demo:demo/index.htm

and then click on the "Raised (blue) OK" Button (with checkmark) and watch the "X" below in the CANCEL button. It changes color in a strange way (has to do with the "fill effect")

Also a click on the "Toggleable NOINK" button sometimes changes the color of the "COLORFUL" below.

I would belive this is a bug of Edge and not of Polymer, but strange anyway.