WP8 - List-Item-Button clicks not working

[graphefruit]

Hello Team,

with the latest version the button click isn't working anymore in WP8 on in list items

The problem seems like that the two-button rendering causing wired issues in WP.

<md-list-item aria-label="filter" no-padding ng-click="doSomething()">
   <p>Filter</p>
   <md-icon md-svg-icon="image:navigate_next"></md-icon>
</md-list-item>

The render output looks like:

<md-list-item role="listitem" class="_md-button-wrap md-clickable" tabindex="-1">
    <button class="md-button _md-no-style">
        <button class="_md-no-style md-button" type="button" ng-transclude="" md-no-focus-style=""  ng-click="doSomething()">
        </button>
      <div class="_md-list-item-inner">
          <div layout="column" class="layout-column">
           ...
          </div>
      </div>
   </button>
 </md-list-item>

Update: I think the problem is that the outer button triggers but not the inner button, and the event is lost cause of this.

Greetings & Thanks
Graphefruit

[devversion]

Hey Graphefruit (+1 name),

Can you confirm your bug with the latest version? I've recently removed the outer button, because it was accidentally added by me. (should be a DIV)

[graphefruit]

Hey @devversion thanks for helping me out. I'll get in touch with you tomorrow.
Greetings

[ThomasBurleson]

Latest version https://material.angularjs.org/HEAD/demo/list has this working properly:

notice the button element is present only because the md-list-item is using an ng-click="...".

[graphefruit]

@ThomasBurleson this works in WP aswell as in IE-Emulation. PS: The animations and events are very delayed and laggy in WP. In iOS and Android they work fine.
@devversion is this already your changed version there?

[devversion]

@graphefruit Yes, that's the latest version.

[graphefruit]

I did a "small" video: https://vid.me/tUyZ this is how it looks and feels like.
In my project I came up to the solution to disable nearly all transitions and all ripple effects I could find.
PS: If this is overloading this topic just tell me and I gonna create a new one so.

[devversion]

@graphefruit Thanks for the video, but I would like to retrieve more information, because I can't reproduce this.

• What's your browser?
• Is this running in an Android WebView (ChromeWebAdapter, or Default)?
• Are you using Cordova?

In addition to that, I would like to have a demo with source, like a codepen.

[graphefruit]

Hello @devversion this video shows a normal Nokia Lumia with Windows 8.1 and its default browser.
The problem is that just an emulator or a real lumia device will show you this problems.

So to your questions in a summary:

• Windows Phone standard browser
• No Android Webview
• No Cordova

If you need more details just let me know.
Update: This video just shows the: ttps://material.angularjs.org/HEAD/demo/list URL in the browser.

[devversion]

@graphefruit Just tested it on a Nokia Lumia 930 with Win 8.1 on Browserstack. I can't reproduce your issue.

In addition, the button inside of the dialog isn't related in any way to the list component.

So as conclusion, I can say that this isn't caused by the list component, it must be a performance issue and seems to be user specific.