fix: Fix actionability when element has scroll-behavior: smooth

[chrisbreiding]

• Closes CSS scroll-behavior: smooth; on the html el breaks actionability #3200

User facing changelog

• Interacting with an element that requires scrolling within an element with scroll-behavior: smooth no longer fails Cypress's actionability check

Additional details

The solution involves setting all scroll-behavior to inherit before scrolling and then resetting it after scrolling by injecting a style tag and then removing it.

How has the user experience changed?

Commands that require actionability (e.g. click) no longer fail to find the element when it's within another element with scroll-behavior: smooth.

PR Tasks

• Have tests been added/updated?
• Has the original issue or this PR been tagged with a release in ZenHub?
• N/A Has a PR for user-facing changes been opened in cypress-documentation?
• N/A Have API changes been updated in the type definitions?
• N/A Have new configuration options been added to the cypress.schema.json?

[cypress-bot]

Thanks for taking the time to open a PR!

• Create a Draft Pull Request if your PR is not ready for review. Mark the PR as Ready for Review when you're ready for a Cypress team member to review the PR.
• Become familiar with the Code Review Checklist for guidelines on coding standards and what needs to be done before a PR can be merged.

[cypress]

---

Test summary

184 • 0 • 5 • 0

---

Run details

Project	cypress
Status	Passed
Commit	d3fc4c6
Started	Mar 12, 2021 3:40 PM
Ended	Mar 12, 2021 3:48 PM
Duration	08:21 💡
OS	Linux Debian - 10.5
Browser	Chrome 83

View run in Cypress Dashboard ➡️

---

This comment has been generated by cypress-bot as a result of this project's GitHub integration settings. You can manage this integration in this project's settings in the Cypress Dashboard

[cypress-bot]

Released in 6.7.1.

This comment thread has been locked. If you are still experiencing this issue after upgrading to
Cypress v6.7.1, please open a new issue.