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.
position sticky and flex, cypress scrolls to the end of page to access element
See original GitHub issue- Operating System: macOS High Sierra 10.13.3
- Cypress Version: 2.1.0
- Browser Version: Chrome 59
Is this a Feature or Bug?
Bug
Current behavior:
When using position: sticky and display: flex combination cypress gets mad when trying to access element inside sticky element:
It scrolls to the end of the page before performing any operations on the element while it is not required as the element is visible and accessible.
Desired behavior:
Should access elements without scrolling
How to reproduce:
https://github.com/RomanGotsiy/cypress-test-tiny
Just run npm run cypress:open and select the only available suite.
There are three tests there:
typeinto the inputclickon the link- both but with
{force: true}which works as expected
Issue Analytics
- State:
- Created 6 years ago
- Reactions:4
- Comments:6 (5 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
Released in
3.0.2.I have a similar issue. I’m using Kendo Grid and the dropdowns are generated and then fixed to the element you clicked.
Cypress scrolls down to the bottom of my page, even though the area to be typed in is visible at the top.
A SECONDARY issue is that when coupled with .type() this SOMETIMES makes the dropdown vanish, making every test thereafter fail. This behavior is inconsistent and frustrating, because sometimes the scrolling will decide to close the dropdown and sometimes not.
This makes testing custom dropdowns in Kendo Grid almost impossible.