{"commit":{"subject":"[react-interactions] Repurpose React a11y modules (#16997)","revision":"b33633d932d070c1665f2c8700b025e7da6fbd5d","authorName":"Dominic Gannaway","shortRevision":"b33633d932","authorEmail":"trueadm@users.noreply.github.com","authoredAt":"2019-10-03T11:19:24+02:00"},"files":[{"path":"packages\/react-interactions\/accessibility\/docs\/FocusContain.md","status":"A"},{"path":"packages\/react-interactions\/accessibility\/docs\/FocusControl.md","status":"D"},{"path":"packages\/react-interactions\/accessibility\/docs\/FocusManager.md","status":"M"},{"path":"packages\/react-interactions\/accessibility\/docs\/TabbableScope.md","status":"M"},{"path":"packages\/react-interactions\/accessibility\/focus-contain.js","status":"R081","previousPath":"packages\/react-interactions\/accessibility\/focus-control.js"},{"path":"packages\/react-interactions\/accessibility\/focus-group.js","status":"R082","previousPath":"packages\/react-interactions\/accessibility\/focus-list.js"},{"path":"packages\/react-interactions\/accessibility\/src\/FocusContain.js","status":"A"},{"path":"packages\/react-interactions\/accessibility\/src\/FocusControl.js","status":"D"},{"path":"packages\/react-interactions\/accessibility\/src\/FocusGroup.js","status":"R069","previousPath":"packages\/react-interactions\/accessibility\/src\/FocusList.js"},{"path":"packages\/react-interactions\/accessibility\/src\/FocusManager.js","status":"M"},{"path":"packages\/react-interactions\/accessibility\/src\/FocusTable.js","status":"M"},{"path":"packages\/react-interactions\/accessibility\/src\/__tests__\/FocusContain-test.internal.js","status":"A"},{"path":"packages\/react-interactions\/accessibility\/src\/__tests__\/FocusGroup-test.internal.js","status":"R072","previousPath":"packages\/react-interactions\/accessibility\/src\/__tests__\/FocusList-test.internal.js"},{"path":"packages\/react-interactions\/accessibility\/src\/__tests__\/FocusManager-test.internal.js","status":"M"},{"path":"packages\/react-interactions\/accessibility\/src\/__tests__\/FocusTable-test.internal.js","status":"M"},{"path":"packages\/react-interactions\/accessibility\/src\/shared\/emulateBrowserTab.js","status":"R088","previousPath":"packages\/react-interactions\/accessibility\/src\/emulateBrowserTab.js"},{"path":"packages\/react-interactions\/accessibility\/src\/shared\/getTabbableNodes.js","status":"A"},{"path":"packages\/react-interactions\/accessibility\/src\/shared\/setElementCanTab.js","status":"A"},{"path":"scripts\/rollup\/bundles.js","status":"M"}],"parents":["de2edc268db827f5110fc56cba240b7eb7301787"],"body":"","patch":"diff --git a\/packages\/react-interactions\/accessibility\/docs\/FocusContain.md b\/packages\/react-interactions\/accessibility\/docs\/FocusContain.md\nnew file mode 100644\nindex 0000000000..2dea9f2cf1\n--- \/dev\/null\n+++ b\/packages\/react-interactions\/accessibility\/docs\/FocusContain.md\n@@ -0,0 +1,27 @@\n+# FocusContain\n+\n+`FocusContain` is a component that contains user-focusability to only that\n+of the children of the component. This means focus control will not escape\n+unless the componoent is disabled (using the `disabled` prop) or unmounted.\n+Additionally, `FocusContain` can contain tab focus when passed a `ReactScope`\n+using the `tabFocus` prop.\n+\n+## Usage\n+\n+```jsx\n+import FocusContain from 'react-interactions\/accessibility\/focus-contain';\n+import TabbableScope from 'react-interactions\/accessibility\/tabbable-scope';\n+\n+function MyDialog(props) {\n+ return (\n+ \n+

\n+

{props.title}

\n+
{props.text}<\/p>\n+

{props.title}

\n-
{props.text}<\/p>\n-

{props.title}

{props.title}

\n- {props.text}<\/p>\n-

\n-
{props.text}<\/p>\n-

dillon1000/react

Files changed