Port microsoft#13659 & microsoft#18075 from office-ui-fabric-react_v5…

….79.1 to hotfix/5.135.6
Phoebe-0319 · Mar 19, 2022 · 318ffa3 · 318ffa3
1 parent a3ecff0
commit 318ffa3
Show file tree

Hide file tree

Showing 13 changed files with 84 additions and 88 deletions.
diff --git a/...s/office-ui-fabric-react/src/components/Breadcrumb/__snapshots__/Breadcrumb.test.tsx.snap b/...s/office-ui-fabric-react/src/components/Breadcrumb/__snapshots__/Breadcrumb.test.tsx.snap
@@ -37,7 +37,6 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 1 1`] = `
         onFocus={[Function]}
         onKeyDown={[Function]}
         onMouseDownCapture={[Function]}
-        role="presentation"
       >
         <ol
           className=
@@ -390,7 +389,6 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 2 1`] = `
         onFocus={[Function]}
         onKeyDown={[Function]}
         onMouseDownCapture={[Function]}
-        role="presentation"
       >
         <ol
           className=
@@ -758,7 +756,6 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 3 1`] = `
         onFocus={[Function]}
         onKeyDown={[Function]}
         onMouseDownCapture={[Function]}
-        role="presentation"
       >
         <ol
           className=
@@ -1030,7 +1027,6 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 4 1`] = `
         onFocus={[Function]}
         onKeyDown={[Function]}
         onMouseDownCapture={[Function]}
-        role="presentation"
       >
         <ol
           className=
@@ -1398,7 +1394,6 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 5 1`] = `
         onFocus={[Function]}
         onKeyDown={[Function]}
         onMouseDownCapture={[Function]}
-        role="presentation"
       >
         <ol
           className=
@@ -1686,7 +1681,6 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 6 1`] = `
         onFocus={[Function]}
         onKeyDown={[Function]}
         onMouseDownCapture={[Function]}
-        role="presentation"
       >
         <ol
           className=
@@ -1894,7 +1888,6 @@ exports[`Breadcrumb renders empty breadcrumb 1`] = `
         onFocus={[Function]}
         onKeyDown={[Function]}
         onMouseDownCapture={[Function]}
-        role="presentation"
       >
         <ol
           className=

diff --git a/packages/office-ui-fabric-react/src/components/Calendar/__snapshots__/Calendar.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Calendar/__snapshots__/Calendar.test.tsx.snap
@@ -111,7 +111,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
               onFocus={[Function]}
               onKeyDown={[Function]}
               onMouseDownCapture={[Function]}
-              role="presentation"
             >
               <table
                 aria-activedescendant="DatePickerDay-active9"
@@ -1140,7 +1139,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
               onFocus={[Function]}
               onKeyDown={[Function]}
               onMouseDownCapture={[Function]}
-              role="presentation"
             >
               <div
                 className="ms-DatePicker-optionGrid"

diff --git a/packages/office-ui-fabric-react/src/components/DetailsList/DetailsRow.tsx b/packages/office-ui-fabric-react/src/components/DetailsList/DetailsRow.tsx
@@ -235,7 +235,7 @@ export class DetailsRow extends BaseComponent<IDetailsRowProps, IDetailsRowState
         componentRef={ this._focusZone }
         role='row'
         aria-label={ ariaLabel }
-        ariaDescribedBy={ ariaDescribedBy }
+        aria-describedby={ ariaDescribedBy }
         className={ css(
           'ms-DetailsRow',
           className,

diff --git a/...office-ui-fabric-react/src/components/DetailsList/__snapshots__/DetailsList.test.tsx.snap b/...office-ui-fabric-react/src/components/DetailsList/__snapshots__/DetailsList.test.tsx.snap
@@ -219,7 +219,6 @@ exports[`DetailsList renders List correctly 1`] = `
           onFocus={[Function]}
           onKeyDown={[Function]}
           onMouseDownCapture={[Function]}
-          role="presentation"
         >
           <div
             className="ms-SelectionZone"
@@ -667,7 +666,6 @@ exports[`DetailsList renders List correctly with onRenderDivider props 1`] = `
           onFocus={[Function]}
           onKeyDown={[Function]}
           onMouseDownCapture={[Function]}
-          role="presentation"
         >
           <div
             className="ms-SelectionZone"
@@ -1130,7 +1128,6 @@ exports[`DetailsList renders List with custom icon as column divider 1`] = `
           onFocus={[Function]}
           onKeyDown={[Function]}
           onMouseDownCapture={[Function]}
-          role="presentation"
         >
           <div
             className="ms-SelectionZone"