| <script>// Provides explicit indication of elements receiving focus through keyboard interaction rather than mouse or touch. | |
| (function(document) { | |
| var NAVIGATION_KEYS = [ | |
| 'Tab', | |
| 'ArrowUp', | |
| 'ArrowRight', | |
| 'ArrowDown', | |
| 'ArrowLeft', | |
| 'Home', | |
| 'End', |
| import React from 'react'; | |
| const NAVIGATION_KEYS = [ | |
| 'Tab', | |
| 'ArrowUp', | |
| 'ArrowRight', | |
| 'ArrowDown', | |
| 'ArrowLeft', | |
| 'Home', | |
| 'End', |
| Search Bar* | |
| Inactive* | |
| focused -> Active | |
| Active | |
| canceled -> Inactive | |
| typed -> Text Entry | |
| Empty* |
| Dropdown* | |
| Inactive* | |
| focus -> Focused | |
| click -> Open | |
| Focused | |
| down arrow key -> Open | |
| Open | |
| arrow key -> Navigating |
Sometimes after changing content in contentful you may get a TypeError: Cannot read property 'internal' of undefined error. The only fix I've found for this is to unpublish all contentful component pages, and republish them ~4 at a time, building each time. Relevant issue here:
contentful/rich-text#53
gatsbyjs/gatsby#6949
Embedded entries don't resolve when using gatsby develop: contentful/rich-text#46
gatsbyjs/gatsby#10592
gatsbyjs/gatsby#9821
| dependencies: { | |
| "myPackageThatDependsOnReact": "^1.0.0", | |
| "react": "16.0.0" | |
| } | |
| "resolutions": { | |
| "foo": "1.4.9" | |
| } | |
| "resolutions": { | |
| "foo": "1.4.9" | |
| } | |
| "resolutions": { | |
| "babel/foo": "1.4.9", | |
| } | |
| "pkg-a@1.1.0" | |
| version "1.1.0" | |
| dependencies: | |
| pkg-b "^2.1.0" | |
| "pkg-c@1.0.0" | |
| version "1.0.0" | |
| dependencies: | |
| pkg-b "^2.0.0" |