[BUG] Unable to interact with visible element

Context:

• Playwright Version: 1.16.2
• Operating System: MaC
• Node.js version: 14
• Browser: CHROME
• Extra: [any specific details about your environment]

Code Snippet

get editIcon() { return this.page.locator('(//li[text()="Edit"])[1]') }

async clickOnEditIcon(feature: string) {
    await this.editIcon.click()
    return this;
}

    locator.click: Target closed
    =========================== logs ===========================
    waiting for selector "//li[text()="Edit"] >> nth=0"
      selector resolved to hidden <li tabindex="-1" role="menuitem" class="MuiMenuItem…>…</li>
    attempting click action
      waiting for element to be visible, enabled and stable
        element is not visible - waiting...

Describe the bug

Unable to interact with an element from multiple elements, however I have defined it to be the first of the list, but still not able to interact with.

[amrsa1]

okay seems it working, only after i reload the page.

[AlexKomanov]

@Amrkamel1 Can you please share the trace of this scenario?