paper-icon-button in paper-toolbar not clickable on IE10

kungufli commented 9 years ago

paper-icon-button inside a paper-toolbar are not clickable at all in IE10.

Example code:

<html>
  <head>
    <script src="../bower_components/webcomponentsjs/webcomponents.min.js"></script>  
    <link rel="import" href="../bower_components/iron-icons/iron-icons.html">
    <link rel="import" href="../bower_components/paper-icon-button/paper-icon-button.html">
    <link rel="import" href="../bower_components/paper-toolbar/paper-toolbar.html">
  </head>
  <body class="fullbleed">
    <paper-toolbar>
      <paper-icon-button id="button" icon="menu"></paper-icon-button>
    </paper-toolbar>

    <script>
      window.addEventListener('WebComponentsReady', function(e) {
        document.querySelector('#button').addEventListener('click',
          function(e) {
            console.log("button pressed");
          });
      });
    </script>
  </body>
</html>

The same issue is present for paper-button inside a paper-toolbar (see https://github.com/PolymerElements/paper-button/issues/57).

kungufli commented 9 years ago

Seems caused by a bug on paper-toolbar https://github.com/PolymerElements/paper-toolbar/issues/30.

notwaldorf commented 8 years ago

Closing, it's a paper-toolbar bug

PolymerElements / paper-icon-button

paper-icon-button in paper-toolbar not clickable on IE10 #39