Fix typing into shadow dom inputs

[chrisbreiding]

• Closes Type-Command needs force-option on Inputs in ShadowDOM #7741

User facing changelog

• Fixed an issue where typing into an input in the shadow dom would result in an error

Additional details

We do various checks for typing, including ensuring that we're typing into the active element. We determine the active element from the document, but this doesn't work for the shadow dom since it's intentionally hidden. Instead, the active element needs to be determined from the element's shadow root.

How has the user experience changed?

Tests that type into shadow dom inputs no longer fail with validation errors and no longer require {force: true} to pass.

PR Tasks

• Have tests been added/updated?
• Has the original issue 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

7838 • 0 • 129 • 0

---

Run details

Project	cypress
Status	Passed
Commit	30738dc
Started	Jun 29, 2020 6:30 PM
Ended	Jun 29, 2020 6:37 PM
Duration	06:16 💡
OS	Linux Debian - 10.1
Browser	Multiple

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

[JessicaSachs]

This LGTM. It would probably be nice to have better unit tests surrounding the code written... not just 1 integration test.

I'd honestly advocate for a public lib file supporting experimental shadow DOM work so we can group all of the relevant methods in one experimental file.