Close both toolbars when editor loses focus

digabi · Nov 25, 2024 · ea1bdb8 · ea1bdb8
1 parent 2993dff
commit ea1bdb8
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/playwright/editor.spec.tsx b/playwright/editor.spec.tsx
@@ -265,12 +265,22 @@ test.describe('Rich text editor', () => {
         await expect(page.getByTestId('math-toolbar')).toBeVisible()
       })
 
-      await test.step('hides math commands when math editor closes', async () => {
+      await test.step('hides math commands when math editor closes via Esc press', async () => {
         await inputLatexCommandFromToolbar(page, specialCharacters.sqrt[0])
         await page.keyboard.press('Escape')
         await expect(page.getByTestId('math-toolbar')).not.toBeVisible()
       })
     })
+
+    test('closes both bars when user clicks outside editor text area when equation editor is open', async ({
+      page,
+    }) => {
+      await page.keyboard.press('Control+e')
+      await page.keyboard.type('123')
+      await clickOutsideEditor(page)
+      await expect(page.getByTestId('toolbar')).not.toBeVisible()
+      await expect(page.getByTestId('math-toolbar')).not.toBeVisible()
+    })
   })
 
   test.describe('Editor history', () => {

diff --git a/src/app/state/index.tsx b/src/app/state/index.tsx
@@ -152,6 +152,7 @@ export function EditorStateProvider({
 
       setActiveMathEditor(null)
       setIsMathToolbarOpen(false)
+      setIsToolbarOpen(false)
 
       onAnswerChange(true, true)