Fix casing on tabIndex prop

plone · Apr 15, 2024 · 851817d · 851817d
1 parent 0e93d3c
commit 851817d
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 12 deletions.
diff --git a/packages/volto/src/components/theme/Footer/Footer.jsx b/packages/volto/src/components/theme/Footer/Footer.jsx
@@ -42,7 +42,7 @@ const Footer = ({ intl }) => {
       textAlign="center"
       id="footer"
       aria-label="Footer"
-      tabindex="-1"
+      tabIndex="-1"
     >
       <Container>
         <Segment basic inverted color="grey" className="discreet">

diff --git a/packages/volto/src/components/theme/Navigation/Navigation.jsx b/packages/volto/src/components/theme/Navigation/Navigation.jsx
@@ -49,7 +49,7 @@ const Navigation = (props) => {
     setisMobileMenuOpen(false);
   };
   return (
-    <nav className="navigation" id="navigation" aria-label="Site" tabindex="-1">
+    <nav className="navigation" id="navigation" aria-label="Site" tabIndex="-1">
       {items?.length ? (
         <div className="hamburger-wrapper mobile tablet only">
           <button

diff --git a/...volto/src/components/theme/Navigation/__snapshots__/Navigation.Multilingual.test.jsx.snap b/...volto/src/components/theme/Navigation/__snapshots__/Navigation.Multilingual.test.jsx.snap
@@ -5,7 +5,7 @@ exports[`Navigation Multilingual renders a navigation component with an active i
   aria-label="Site"
   className="navigation"
   id="navigation"
-  tabindex="-1"
+  tabIndex="-1"
 >
   <div
     className="hamburger-wrapper mobile tablet only"
@@ -64,7 +64,7 @@ exports[`Navigation Multilingual renders a navigation component with an active i
   aria-label="Site"
   className="navigation"
   id="navigation"
-  tabindex="-1"
+  tabIndex="-1"
 >
   <div
     className="hamburger-wrapper mobile tablet only"
@@ -123,7 +123,7 @@ exports[`Navigation Multilingual renders a navigation component with only one ac
   aria-label="Site"
   className="navigation"
   id="navigation"
-  tabindex="-1"
+  tabIndex="-1"
 >
   <div
     className="hamburger-wrapper mobile tablet only"
@@ -190,7 +190,7 @@ exports[`Navigation Multilingual renders a navigation component without active i
   aria-label="Site"
   className="navigation"
   id="navigation"
-  tabindex="-1"
+  tabIndex="-1"
 >
   <div
     className="hamburger-wrapper mobile tablet only"

diff --git a/packages/volto/src/components/theme/Navigation/__snapshots__/Navigation.test.jsx.snap b/packages/volto/src/components/theme/Navigation/__snapshots__/Navigation.test.jsx.snap
@@ -5,7 +5,7 @@ exports[`Navigation renders a navigation component including external links 1`]
   aria-label="Site"
   className="navigation"
   id="navigation"
-  tabindex="-1"
+  tabIndex="-1"
 >
   <div
     className="hamburger-wrapper mobile tablet only"
@@ -63,7 +63,7 @@ exports[`Navigation renders a navigation component with an active item 1`] = `
   aria-label="Site"
   className="navigation"
   id="navigation"
-  tabindex="-1"
+  tabIndex="-1"
 >
   <div
     className="hamburger-wrapper mobile tablet only"
@@ -114,7 +114,7 @@ exports[`Navigation renders a navigation component with an active item when its
   aria-label="Site"
   className="navigation"
   id="navigation"
-  tabindex="-1"
+  tabIndex="-1"
 >
   <div
     className="hamburger-wrapper mobile tablet only"
@@ -165,7 +165,7 @@ exports[`Navigation renders a navigation component with only one active item eve
   aria-label="Site"
   className="navigation"
   id="navigation"
-  tabindex="-1"
+  tabIndex="-1"
 >
   <div
     className="hamburger-wrapper mobile tablet only"
@@ -224,7 +224,7 @@ exports[`Navigation renders a navigation component without active items 1`] = `
   aria-label="Site"
   className="navigation"
   id="navigation"
-  tabindex="-1"
+  tabIndex="-1"
 >
   <div
     className="hamburger-wrapper mobile tablet only"

diff --git a/packages/volto/src/components/theme/View/View.jsx b/packages/volto/src/components/theme/View/View.jsx
@@ -235,7 +235,7 @@ class View extends Component {
       this.getViewByLayout() || this.getViewByType() || this.getViewDefault();
 
     return (
-      <div id="view" tabindex="-1">
+      <div id="view" tabIndex="-1">
         <ContentMetadataTags content={this.props.content} />
         {/* Body class if displayName in component is set */}
         <BodyClass