fix: Can't click anything in responsive sidebar unless scrollbar is a…

…t the top (#2746) * fix: Can't click anything in responsive sidebar unless scrollbar is at the top * fix: bump version * fix: lint issue * fix: set tabIndex just for sidebar * fix: change div to box * fix: bump version
stoplightio · Dec 9, 2024 · 29b074e · 29b074e
1 parent ba9925f
commit 29b074e
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 13 deletions.
diff --git a/packages/elements-core/package.json b/packages/elements-core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@stoplight/elements-core",
-  "version": "8.5.1",
+  "version": "8.5.2",
   "sideEffects": [
     "web-components.min.js",
     "src/web-components/**",

diff --git a/packages/elements-core/src/components/Layout/MobileTopNav.tsx b/packages/elements-core/src/components/Layout/MobileTopNav.tsx
@@ -45,14 +45,16 @@ export const MobileTopNav = ({
             <Icon size="lg" icon={faX} />
           </Button>
         </Flex>
-        <Sidebar
-          name={name}
-          logo={logo}
-          tree={tree}
-          pathname={pathname}
-          onTocClick={() => handleTocClick()}
-          isInResponsiveMode={true}
-        />
+        <Box tabIndex={-1}>
+          <Sidebar
+            name={name}
+            logo={logo}
+            tree={tree}
+            pathname={pathname}
+            onTocClick={handleTocClick}
+            isInResponsiveMode={true}
+          />
+        </Box>
       </Drawer>
     </Flex>
   );

diff --git a/packages/elements-dev-portal/package.json b/packages/elements-dev-portal/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@stoplight/elements-dev-portal",
-  "version": "2.5.1",
+  "version": "2.5.2",
   "description": "UI components for composing beautiful developer documentation.",
   "keywords": [],
   "sideEffects": [
@@ -66,7 +66,7 @@
   "dependencies": {
     "@stoplight/markdown-viewer": "^5.7.1",
     "@stoplight/mosaic": "^1.53.4",
-    "@stoplight/elements-core": "^8.5.1",
+    "@stoplight/elements-core": "^8.5.2",
     "@stoplight/path": "^1.3.2",
     "@stoplight/types": "^14.0.0",
     "classnames": "^2.2.6",

diff --git a/packages/elements/package.json b/packages/elements/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@stoplight/elements",
-  "version": "8.5.1",
+  "version": "8.5.2",
   "description": "UI components for composing beautiful developer documentation.",
   "keywords": [],
   "sideEffects": [
@@ -63,7 +63,7 @@
     ]
   },
   "dependencies": {
-    "@stoplight/elements-core": "^8.5.1",
+    "@stoplight/elements-core": "^8.5.2",
     "@stoplight/http-spec": "^7.1.0",
     "@stoplight/json": "^3.18.1",
     "@stoplight/mosaic": "^1.53.4",