Md-list-item with ng-click still broken in master

[gpopovic]

It appears that text overflow is still not working on md-list-item with ng-click
http://codepen.io/anon/pen/KzMyGY

Solution this time is
._md-list-item-inner { overflow: hidden; }

[char0n]

I can confirm, but this requires some more information.

Only affected browser is Firefox. I can reproduce the issue on Firefox 44.x and Firefox 45.0
Latest Chrome and IE11 seems to be working fine.

Basically this bug manifests it self as user not being able to click on item with primary action, which is really a big issue.

You can reproduce the issue directly on documentation page:

Url: https://material.angularjs.org/latest/demo/list
Section: Avatar with Secondary Action Icon
Actual Behavior: clicking on Janet Perkins does not trigger primary action on list-item
Expected Behavior: clicking on Janet Perkins opens md-dialog

[char0n]

@gpopovic I don't get your work-around. Can you collaborate more how to apply it ?

[gpopovic]

@char0n chrome is also affected!

use that css line and bug will be fixed..

example:

http://codepen.io/anon/pen/WwxyZp

[char0n]

@gpopovic yep, so I guess I am seeing a completely different issue then. I will issue a separate ticket. Any click on <md-list-item ng-click="action()"></md-listi-item> if the text is not overflowing in Firefox will no trigger action(). In Chrome 49.0.2623.87 m and IE 11 it will.

[ThomasBurleson]

Please make sure you are testing with the latest in master @ https://material.angularjs.org/HEAD/demo/list

[char0n]

@ThomasBurleson will do, I was testing from 1.1.0-rc1 tag.

[gpopovic]

@ThomasBurleson this issue is tested on the latest master

[devversion]

@gpopovic I'm sorry for the issues. The list-item-inner was wider than the actual container.. this was caused by Flex and the container.