webdriverio/webdriverio

[🐛 Bug]: scrollIntoView does not scroll to the center of the viewport when used inside an iframe.

Open

#13 050 ouverte le 18 juin 2024

Voir sur GitHub
 (3 commentaires) (0 réactions) (1 assigné)JavaScript (6 029 stars) (1 793 forks)batch import
Bug 🐛help wanted

Description

Have you read the Contributing Guidelines on issues?

WebdriverIO Version

8.38

Node.js Version

v18.14.0

Mode

Standalone Mode

Which capabilities are you using?

{
      browserName: 'chrome',
    }

What happened?

When scrolling to an element inside an iframe with the settings { block: "center" }, it is not scrolling to the center of the viewport.

What is your expected behavior?

Having the element in the center of the viewport

How to reproduce the bug.

You can clone this repo and test it :

git@github.com:github-care-maxime/wdio-bug-reproduction.git

Relevant log output

No relevant outpout.

Code of Conduct

  • I agree to follow this project's Code of Conduct

Is there an existing issue for this?

  • I have searched the existing issues

Guide contributeur

Stack technique
javascripttypescriptnodejs
Domaine
testing
Type d'issue
bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
half day
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
blocked
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
clear
Prérequis
Basic WebdriverIO experienceUnderstanding of iframe context
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
40
Direction de recherche
Investigate how scrollIntoView handles iframe contexts in WebdriverIO. Look at the source code for the scroll command, likely in packages/webdriverio/src/commands/element/scrollIntoView.ts. Use the provided reproduction repository (https://github.com/github care maxime/wdio bug reproduction) to debug the scrolling behavior. The issue has an assignee, so check if there is ongoing work in the related branch.