question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

In a table, if i do the horizontal scroll then only i can able identify the element hidden columns

See original GitHub issue

in our case, we have a table with 7column. if the website is launched we can able to see the 5cloumn. If I want to see the other 2cloumn I have to scroll down using a vertical scroll ball after that only we can able to see the horizontal scroll bar. Then we have to scroll right. we can able to see the other 2cloumns…

Do we have any method for this? i have used below code: const box = await scroll.boundingBox(); if (box) { const y = box.y; await page.mouse.wheel(0, y); await page.waitForTimeout(2000); await page.mouse.wheel(y, 0); await page.waitForTimeout(2000); } this code is working but, do we have any other method to achieve above mention scenario

Issue Analytics

  • State:closed
  • Created 10 months ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
ltsudacommented, Nov 30, 2022

Just an idea here, if you have the correct selector for the Table or any row, maybe pressing the right arrow to scroll horizontally works. Adding an await to the hidden columns to be visible in a loop with the right arrow press.

https://playwright.dev/docs/api/class-keyboard#keyboard-press

0reactions
mxschmittcommented, Dec 2, 2022

Sure if it does work, its fine!

I’d recommend a small delay inside your while true loop tho.

Read more comments on GitHub >

github_iconTop Results From Across the Web

CSS frozen first column of a table with a horizontal scroll ...
The main idea is that you wrap the contents of the columns you want fixed inside span elements, which you make fixed on...
Read more >
Overflow Issues In CSS - Smashing Magazine
Before discussing overflow issues, we should ascertain what one is. An overflow issue occurs when a horizontal scrollbar unintentionally appears ...
Read more >
<table>: The Table element - HTML - MDN Web Docs - Mozilla
The HTML element represents tabular data — that is, ... all , which will cause the rules to be displayed between rows and...
Read more >
How to prevent overflow scrolling in CSS - LogRocket Blog
This article will discuss what an overflow scroll in CSS is, explain what causes this issue, and suggest ways to fix the problem,...
Read more >
Hide or display scroll bars in a workbook - Microsoft Support
Under Display options for this workbook, clear or select the Show horizontal scroll bar check box and Show vertical scroll bar check box...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found