From fa40660a4cf032de20e90a3d7d393e13dc83da95 Mon Sep 17 00:00:00 2001
From: AlexDLL31 <114812411+alexdll31@users.noreply.github.com>
Date: Thu, 6 Aug 2026 12:42:11 +0200
Subject: [PATCH 1/2] fix: mobile touch events on cpdocs.js page

- Add overflowX: auto to TableContainer components so wide MUI tables
  don't push the body wider than the viewport, which was hiding the navbar
  burger button off-screen on mobile
- Add cursor: pointer + touch-action: manipulation to .pills__item so iOS
  Safari fires click events on the li elements in InfoTabs
---
 src/pages/cpdocs.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/cpdocs.js b/src/pages/cpdocs.js
index 71373236..ba2e4de7 100644
--- a/src/pages/cpdocs.js
+++ b/src/pages/cpdocs.js
@@ -129,7 +129,7 @@ function SdkTerminalTable() {
 
   return (
     <div>
-      <TableContainer>
+      <TableContainer style={{ overflowX: 'auto', width: '100%' }}>
         <Table align="center" sx={{ maxWidth: 1000 }} aria-label="simple table">
           <TableHead>
             <TableRow sx={{ height: 30 }}>
@@ -740,7 +740,7 @@ function CommunicationTypesTable() {
   return (
 
     <div>
-      <TableContainer >
+      <TableContainer style={{ overflowX: 'auto', width: '100%' }}>
         <Table align="center" sx={{ maxWidth: 1000 }} >
           <TableHead>
             <TableRow sx={{ maxHeight: 20 }}>

From 22106fdf93a293324588d11e054b607554e6ddb8 Mon Sep 17 00:00:00 2001
From: AlexDLL31 <114812411+alexdll31@users.noreply.github.com>
Date: Thu, 6 Aug 2026 12:42:24 +0200
Subject: [PATCH 2/2] fix: add cursor:pointer to pills__item for iOS Safari

---
 src/css/custom.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/css/custom.css b/src/css/custom.css
index 523d05a3..7b4152fe 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -242,6 +242,12 @@ color: white;
   background: linear-gradient(248.33deg, #FFF5EB4d -6.24%, #EDE2DE4d 44.52%, #7A9BE84d 116.8%)!important;
 }
 
+/* iOS Safari: click events don't fire on non-interactive elements without cursor:pointer */
+.pills__item {
+  cursor: pointer;
+  touch-action: manipulation;
+}
+
 /* Always-bold section group headings in the right-side TOC */
 .table-of-contents__link[href="#list-devices"],
 .table-of-contents__link[href="#terminal-operations"],