w3c / w3c/webdriver

Fails to interact with elements within a scaled frame

Open
#1,854 3 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug Element Click Perform Actions
Dominant language
HTML
Stars
718
Forks
228
PR merge metrics
No merged PRs in 30d

Description

Given a user defines a frame via:

<div style="transform: scale(0.5); transform-origin: top left; margin: 1rem; width: 400px; height: 400px; border: 1px solid black">
  <iframe id="scaled" src="./other.html?scaled" style="width: 100%; height: 100%; border: 0"></iframe>
</div>

Interactions with elements within that frame fail, e.g. don't happen. I assume it is because the driver fails to properly calculate the coordinates. Please find a great reproducible example here: https://github.com/hi-ogawa/reproductions/tree/main/webdriverio-css-transform created by a WebdriverIO community member.

see also https://github.com/webdriverio/webdriverio/issues/13724

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by running the linked webdriverio-css-transform reproduction and reviewing the related WebdriverIO issue. Compare interactions with the scaled iframe against an unscaled frame to isolate the failure. Done means interactions with elements inside the scaled frame succeed reliably.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, html
Domain
testing-qa, web-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.