From 47405c88cf81a0285438efd5ce2fdb2551e10ef5 Mon Sep 17 00:00:00 2001
From: lvbaiqing <lvbaiqing@lvbaiqingdeMacBook-Air.local>
Date: Mon, 9 Nov 2026 15:56:36 +0800
Subject: [PATCH] fix(settings): preserve shortcut search outline and
 background

---
 openless-all/app/e2e/refinements.spec.ts           | 7 +++++++
 openless-all/app/src/styles/continuous-corners.css | 3 ++-
 openless-all/app/src/styles/refinements.css        | 5 +++++
 3 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/openless-all/app/e2e/refinements.spec.ts b/openless-all/app/e2e/refinements.spec.ts
index 000b95e0c..0cf7cff50 100644
--- a/openless-all/app/e2e/refinements.spec.ts
+++ b/openless-all/app/e2e/refinements.spec.ts
@@ -26,6 +26,9 @@ async function openShortcuts(page: Page) {
 test('shortcut search remains visible without focus', async ({ page }) => {
   await openShortcuts(page);
   const search = page.getByRole('searchbox', { name: '搜索命令或按键' });
+  await expect(search).toHaveCSS('clip-path', 'none');
+  await expect(search).toHaveCSS('appearance', 'none');
+  await expect(search).toHaveCSS('border-radius', '16px');
   const colors = await search.evaluate((element) => ({
     search: getComputedStyle(element).backgroundColor,
     page: getComputedStyle(element.closest('.ol-settings-content') ?? document.body)
@@ -33,6 +36,10 @@ test('shortcut search remains visible without focus', async ({ page }) => {
   }));
   expect(colors.search).not.toBe('rgba(0, 0, 0, 0)');
   expect(colors.search).not.toBe(colors.page);
+  await search.focus();
+  await expect(search).toHaveCSS('clip-path', 'none');
+  await search.fill('速记');
+  await expect(page.locator('.ol-shortcut-row')).toHaveCount(1);
 });
 
 test('awareness settings have a dedicated advanced page', async ({ page }) => {
diff --git a/openless-all/app/src/styles/continuous-corners.css b/openless-all/app/src/styles/continuous-corners.css
index 47ceed81c..c30677243 100644
--- a/openless-all/app/src/styles/continuous-corners.css
+++ b/openless-all/app/src/styles/continuous-corners.css
@@ -513,7 +513,8 @@ html
     .ol-segmented-indicator,
     .ol-service-view-indicator,
     .ol-select-popup,
-    .ol-select-trigger
+    .ol-select-trigger,
+    .ol-settings-search-field
   ) {
   clip-path: none !important;
   border-radius: var(--ol-corner-radius, var(--ol-radius)) !important;
diff --git a/openless-all/app/src/styles/refinements.css b/openless-all/app/src/styles/refinements.css
index ff0c067ec..2a1c563ad 100644
--- a/openless-all/app/src/styles/refinements.css
+++ b/openless-all/app/src/styles/refinements.css
@@ -146,6 +146,8 @@ button:disabled {
 
 /* Search and the command list share the right-hand settings pane. */
 .ol-settings-search-field {
+  -webkit-appearance: none;
+  appearance: none;
   width: 100%;
   min-width: 0;
   height: 36px;
@@ -175,6 +177,9 @@ button:disabled {
 .ol-shortcuts-toolbar input {
   max-width: 520px;
 }
+.ol-shortcuts .ol-settings-search-field[type='search'] {
+  background-color: var(--ol-surface-2);
+}
 .ol-shortcuts-count {
   white-space: nowrap;
   color: var(--ol-ink-3);