From 9dde3baceaefbc8b56318843210746946a286b27 Mon Sep 17 00:00:00 2001
From: Rudra-SH <rudra099999@gmail.com>
Date: Fri, 30 May 2025 23:26:32 +0530
Subject: [PATCH] Removing logging statement

Signed-off-by: Rudra-SH <rudra099999@gmail.com>
---
 .changeset/khaki-horses-chew.md                            | 7 +++++++
 .../examples/documented-component/docs/code/example1.md    | 2 ++
 .../examples/documented-component/docs/code/example2.md    | 2 ++
 .../examples/documented-component/extensions/advanced.md   | 2 ++
 .../documented-component/extensions/api-reference.md       | 2 ++
 .../src/ExpandableNavigation/ExpandableNavigation.tsx      | 4 ----
 6 files changed, 15 insertions(+), 4 deletions(-)
 create mode 100644 .changeset/khaki-horses-chew.md

diff --git a/.changeset/khaki-horses-chew.md b/.changeset/khaki-horses-chew.md
new file mode 100644
index 0000000000..cbf3d0aedf
--- /dev/null
+++ b/.changeset/khaki-horses-chew.md
@@ -0,0 +1,7 @@
+---
+'@backstage/plugin-techdocs-module-addons-contrib': patch
+'@backstage/plugin-techdocs-backend': patch
+'@backstage/plugin-techdocs': patch
+---
+
+Improved Keyboard accessibility in techdocs.
diff --git a/plugins/techdocs-backend/examples/documented-component/docs/code/example1.md b/plugins/techdocs-backend/examples/documented-component/docs/code/example1.md
index f41ab1d506..74724b7cf3 100644
--- a/plugins/techdocs-backend/examples/documented-component/docs/code/example1.md
+++ b/plugins/techdocs-backend/examples/documented-component/docs/code/example1.md
@@ -4,6 +4,8 @@ This page provides some sample code which may be used in your example component.
 
 This code uses TypeScript, and the Markdown code fence to wrap the code.
 
+# Placeholder text for nested folders.
+
 ```typescript
 const serviceEntityPage = (
   <EntityLayout>
diff --git a/plugins/techdocs-backend/examples/documented-component/docs/code/example2.md b/plugins/techdocs-backend/examples/documented-component/docs/code/example2.md
index f41ab1d506..74724b7cf3 100644
--- a/plugins/techdocs-backend/examples/documented-component/docs/code/example2.md
+++ b/plugins/techdocs-backend/examples/documented-component/docs/code/example2.md
@@ -4,6 +4,8 @@ This page provides some sample code which may be used in your example component.
 
 This code uses TypeScript, and the Markdown code fence to wrap the code.
 
+# Placeholder text for nested folders.
+
 ```typescript
 const serviceEntityPage = (
   <EntityLayout>
diff --git a/plugins/techdocs-backend/examples/documented-component/extensions/advanced.md b/plugins/techdocs-backend/examples/documented-component/extensions/advanced.md
index f41ab1d506..74724b7cf3 100644
--- a/plugins/techdocs-backend/examples/documented-component/extensions/advanced.md
+++ b/plugins/techdocs-backend/examples/documented-component/extensions/advanced.md
@@ -4,6 +4,8 @@ This page provides some sample code which may be used in your example component.
 
 This code uses TypeScript, and the Markdown code fence to wrap the code.
 
+# Placeholder text for nested folders.
+
 ```typescript
 const serviceEntityPage = (
   <EntityLayout>
diff --git a/plugins/techdocs-backend/examples/documented-component/extensions/api-reference.md b/plugins/techdocs-backend/examples/documented-component/extensions/api-reference.md
index f41ab1d506..74724b7cf3 100644
--- a/plugins/techdocs-backend/examples/documented-component/extensions/api-reference.md
+++ b/plugins/techdocs-backend/examples/documented-component/extensions/api-reference.md
@@ -4,6 +4,8 @@ This page provides some sample code which may be used in your example component.
 
 This code uses TypeScript, and the Markdown code fence to wrap the code.
 
+# Placeholder text for nested folders.
+
 ```typescript
 const serviceEntityPage = (
   <EntityLayout>
diff --git a/plugins/techdocs-module-addons-contrib/src/ExpandableNavigation/ExpandableNavigation.tsx b/plugins/techdocs-module-addons-contrib/src/ExpandableNavigation/ExpandableNavigation.tsx
index 67b1533dc2..83e34f411a 100644
--- a/plugins/techdocs-module-addons-contrib/src/ExpandableNavigation/ExpandableNavigation.tsx
+++ b/plugins/techdocs-module-addons-contrib/src/ExpandableNavigation/ExpandableNavigation.tsx
@@ -77,7 +77,6 @@ export const ExpandableNavigationAddon = () => {
     (item: HTMLInputElement) => {
       const isExpanded = item.checked;
       const shouldExpand = expanded?.expandAllNestedNavs;
-      // console.log('Item:', item, 'isExpanded:', isExpanded, 'shouldExpand:', shouldExpand);
 
       // Is collapsed but should expand
       if (shouldExpand && !isExpanded) {
@@ -103,7 +102,6 @@ export const ExpandableNavigationAddon = () => {
     }
   };
   useEffect(() => {
-    // console.log('Checkbox Toggles:', checkboxToggles);
     // There is no nested navs
     if (!checkboxToggles?.length) return;
 
@@ -112,7 +110,6 @@ export const ExpandableNavigationAddon = () => {
       item.tabIndex = 0;
       const toggleAction = () => {
         if (shouldToggle(item)) {
-          // console.log('Toggling item:', item);
           item.click();
         }
       };
@@ -123,7 +120,6 @@ export const ExpandableNavigationAddon = () => {
           toggleAction,
         );
       };
-      // console.log('Attaching keydown listener to:', item)
       item.addEventListener('keydown', keydownHandler);
       item.addEventListener('click', toggleAction);