react
react copied to clipboard
An implementation of GitHub's Primer Design System using React
**Describe the bug** While #1786 disabled visual testing for this repository, it left the workflow enabled for forks. **To Reproduce** Steps to reproduce the behavior: 1. Fork this repository 2....
When a user is using a screen reader to input data into a `FormControl`, they need to be notified of validation error messages. However, error messages within `FormControl.Validation` do not...
**Describe the bug** When an `AnchoredOverlay` allows for keyboard navigation using `FocusKeys.Tab`, focus will remain trapped on the last focusable element when navigating through the overlay using `Tab`. [This comment](https://github.com/primer/behaviors/blob/main/src/focus-zone.ts#L674)...
via @dusave on [slack](https://app.slack.com/client/T0CA8C346/C01L618AEP9): Is there a way to stop propagation of Escape when an anchored overlay is open? I just want the anchored overlay to close, but it's also...
**Describe the bug** I'm attempting to store the user's preferred color mode in local storage, and set the color mode upon loading the page. My approach was to use a...
## Summary Implements typeahead search of items in a TreeView: 👉 [Try it out](https://primer-51ba89d964-13348165.drafts.github.io/storybook/?path=/story/composite-components-treeview--file-tree-with-directory-links) https://user-images.githubusercontent.com/4608155/191384491-744194d8-423c-4767-95cf-2a6a6f6c4abd.mp4 Per @jsholes's [suggestion](https://github.com/github/primer/issues/1234#:~:text=for%20each%20treeview.-,The%20%22Keyboard%20interactions%22%20section%20indicates%20that%20%22a%2Dz%2C%20A%2DZ%2C%20all%20printable%20chars%22%20will%20be%20supported%20for%20typeahead%2C%20but%20not%20that%20users%20can%20type%20multiple%20typeahead%20characters%20within%20a%20given%20timeout.%20Nor%20is%20the%20timeout%20mentioned.,-Note%3A%20the%20recommended), users can type multiple typeahead characters within a given timeout (300ms). ##...
In the `MarkdownEditor`, we are using [`markdown-toolbar-element`](https://github.com/github/markdown-toolbar-element/blob/e48fbc5b8aec1f0451325b616d45f1324cdbce36/src/index.ts#L376) to power basic formatting tools (bold, italics, etc). However, this is a custom element and not a React component, so this strategy comes...
This PR updates TypeScript to v4.8.3. Generally, the changes made were around calls to `React.cloneElement` when the `child` arg was `unknown`. This lead to errors in the shape: ``` Argument...
This PR was opened by the [Changesets release](https://github.com/changesets/action) GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically....
This PR accompanies this [Discussion](https://github.com/github/primer/discussions/1305) (hubbers only) about Storybook/Lookbook structure. This is just a start, but with our [prospects of single page component docs](https://github.com/github/primer/issues/1285) Storybook becomes even more critical for...