From a86ae50dc3c50e53ebc3c5bb972252ce3abaff05 Mon Sep 17 00:00:00 2001
From: Lagicrus <Lagicrus@users.noreply.github.com>
Date: Mon, 11 Jan 2021 22:49:48 +0000
Subject: [PATCH] [docs] Sync AppSearch.tsx with AppSearch.js (#24363)

---
 docs/src/modules/branding/AppSearch.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/docs/src/modules/branding/AppSearch.tsx b/docs/src/modules/branding/AppSearch.tsx
index 11200cfc83c4ac..cc37a5308e79d9 100644
--- a/docs/src/modules/branding/AppSearch.tsx
+++ b/docs/src/modules/branding/AppSearch.tsx
@@ -113,6 +113,9 @@ const useStyles = makeStyles(
       transition: theme.transitions.create('opacity', {
         duration: theme.transitions.duration.shortest,
       }),
+      // So that clicks target the input.
+      // Makes the text non selectable but neither is the placeholder or adornment.
+      pointerEvents: 'none',
       '&.Mui-focused': {
         opacity: 0,
       },
@@ -163,7 +166,7 @@ export default function AppSearch() {
         }}
       />
       <div className={clsx(classes.shortcut, { 'Mui-focused': focused })}>
-        {macOS ? '⌘' : 'Ctrl'}K
+        {macOS ? '⌘' : 'Ctrl+'}K
       </div>
     </div>
   );