Skip to content

[BUG] Click not working while using htmx #5888

Closed

Description

Context:

  • Playwright Version: 1.9.2
  • Operating System: MacOS
  • Node.js version: 15.9
  • Browser: Chromium

Creating this issue based on this question.

const { chromium } = require('playwright');

(async () => {
  const browser = await chromium.launch({headless : false});
  const page = await browser.newPage();
  await page.goto('https://thomas-guettler.de/htmx-snippets/load-fragment-via-hx-get.html');
  await page.click("text=load second button");
  await page.click("text=Reload Parent OOB");
  await page.dblclick("text=This should be the end");
  await browser.close();
})();

await page.click("text=Reload Parent OOB"); fails to click the element there. But if you take a look at the log, Playwright thinks it succeeded in doing that.

 pw:api waiting for selector "text=Reload Parent OOB" +1ms
  pw:api   selector resolved to visible <button class="htmx-settling" hx-get="reload-parent-oob.…>Reload Parent OOB</button> +249ms
  pw:api attempting click action +2ms
  pw:api   waiting for element to be visible, enabled and stable +0ms
  pw:api   element is visible, enabled and stable +32ms
  pw:api   scrolling into view if needed +0ms
  pw:api   done scrolling +1ms
  pw:api   checking that element receives pointer events at (120.15,18.48) +0ms
  pw:api   element does receive pointer events +2ms
  pw:api   performing click action +0ms
  pw:api   click action done +1ms
  pw:api   waiting for scheduled navigations to finish +0ms
  pw:api   navigations have finished +1ms
  pw:api <= page.click succeeded +0ms
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions