material-web icon indicating copy to clipboard operation
material-web copied to clipboard

list: programmatic click not working

Open vdegenne opened this issue 1 year ago • 1 comments

What is affected?

Component

Description

click method doesn't work on a link md-list-item.

Reproduction

https://lit.dev/playground/#gist=dc8128d652233e2c84c8e5a93d985ada

Workaround

One workaround is to use listItemRoot to access the anchor element:

listItem.listItemRoot.click();

However, listItemRoot is marked as protected.

Is this a regression?

Yes. This used to work, but now it doesn't.

Affected versions

2.1.0

Browser/OS/Node environment

Chrome/Firefox

vdegenne avatar Sep 05 '24 09:09 vdegenne

We should be able to fix this by adding a click override to forward the click, similar to the list item's focus override.

override click() {
  this.listItemRoot?.click();
}

asyncliz avatar Sep 09 '24 18:09 asyncliz