[Question] Is locator.click() always click in the center of the button?

I use playwright 1.19.2 at the moment

Is locator.click() always click in the center of the button? what if I have element overlayed element on top of the button (partially but still clickable manually). For example, chat bubble is covering a portion of the button.

As you can see the button is visible (and clickable manually) but playwright saying that subtree intercept pointer event (due to overlayed chat bubble)

 locator.click: Timeout 60000ms exceeded.
    =========================== logs ===========================
    waiting for selector "#continue-contract"
      selector resolved to visible <button type="button" ng-click="continue()" id="continue…>…</button>
    attempting click action
      waiting for element to be visible, enabled and stable
      element is visible, enabled and stable
      scrolling into view if needed
      done scrolling
      performing click action
      <div class="intercom-lightweight-app-launcher-icon in…>…</div> from <div class="intercom-lightweight-app">…</div> subtree intercepts pointer events

Btw, below is the intercom bubble as I mentioned:

      <div class="intercom-lightweight-app-launcher-icon in…>…</div> from <div class="intercom-lightweight-app">…</div> subtree intercepts pointer events

As a note, I think we could reposition chat bubble. The problem is the actual button we want to click is having a dynamic position (but still clickable manually). So reposition chat bubble is not the preferred solution

[pavelfeldman]

If you force, it’ll click the center and hit your overlay. Your scenario looks like an edge case that we would not want to address. you can do await locator.dispatchEvent('click') to just dispatch it in JS and move on.

[pavelfeldman]

Closing as per above, please feel free to open a new issue if this does not cover your use case.