Skip to content

Conversation

gerardo-rodriguez
Copy link
Member

@gerardo-rodriguez gerardo-rodriguez commented Aug 29, 2022

Overview

This PR removes the focus-visible polyfill in favor of the native :focus-visible.

Screenshots

Before After
Screen Shot 2022-08-29 at 10 43 23 AM Screen Shot 2022-08-29 at 10 43 34 AM
Screen Shot 2022-08-29 at 10 56 02 AM Screen Shot 2022-08-29 at 10 56 09 AM
Screen Shot 2022-08-29 at 10 58 00 AM Screen Shot 2022-08-29 at 10 58 07 AM
Screen Shot 2022-08-29 at 11 03 29 AM Screen Shot 2022-08-29 at 11 03 40 AM

Testing

Review each before/after and confirm there are no visual differences when tabbing or clicking focusable elements.

Alert

Card

Checkbox

Footnote basic

Footnote Group basic

Footnote Group compact

Footnote Link basic

Heading permalink

Media Summary

Pagination

Sky Nav logo and "menu" toggle

Button


…terns into chore/remove-focus-visible-polyfill

* 'main' of https://github.com/cloudfour/cloudfour.com-patterns:
  Update dependency rollup to v2.78.1
  Update dependency prismjs to v1.29.0
  Update dependency sass to v1.54.5
  Update dependency @types/lodash to v4.14.184
  Update dependency @types/jest to v28.1.8
  Update dependency @babel/core to v7.18.13
@changeset-bot
Copy link

changeset-bot bot commented Aug 29, 2022

🦋 Changeset detected

Latest commit: 2c0ac51

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@cloudfour/patterns Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@netlify
Copy link

netlify bot commented Aug 29, 2022

Deploy Preview for cloudfour-patterns ready!

Name Link
🔨 Latest commit
🔍 Latest deploy log https://app.netlify.com/sites/cloudfour-patterns/deploys/630d02ba716a0f085e99b877
😎 Deploy Preview https://deploy-preview-2032--cloudfour-patterns.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

@gerardo-rodriguez gerardo-rodriguez self-assigned this Aug 29, 2022
@gerardo-rodriguez gerardo-rodriguez marked this pull request as ready for review August 29, 2022 18:42
@gerardo-rodriguez gerardo-rodriguez requested a review from a team August 29, 2022 18:42
@gerardo-rodriguez gerardo-rodriguez changed the title Chore/remove focus visible polyfill Remove focus-visible polyfill Aug 29, 2022
@gerardo-rodriguez gerardo-rodriguez merged commit 0141b47 into main Aug 29, 2022
@gerardo-rodriguez gerardo-rodriguez deleted the chore/remove-focus-visible-polyfill branch August 29, 2022 21:18
@github-actions github-actions bot mentioned this pull request Aug 29, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Transition away from :focus-visible polyfill
2 participants