From a5da1910346abcca78bd6940f9290ca1af2bd68b Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Sat, 19 Feb 2022 19:47:30 +0530
Subject: [PATCH] fix: notes options closing when selecting note id (#888)

---
 app/assets/javascripts/components/NotesOptionsPanel.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/app/assets/javascripts/components/NotesOptionsPanel.tsx b/app/assets/javascripts/components/NotesOptionsPanel.tsx
index f27e0b85f..6744023ea 100644
--- a/app/assets/javascripts/components/NotesOptionsPanel.tsx
+++ b/app/assets/javascripts/components/NotesOptionsPanel.tsx
@@ -11,6 +11,7 @@ import { useRef, useState } from 'preact/hooks';
 import { observer } from 'mobx-react-lite';
 import { NotesOptions } from './NotesOptions/NotesOptions';
 import { WebApplication } from '@/ui_models/application';
+import { FOCUSABLE_BUT_NOT_TABBABLE } from '@/constants';
 
 type Props = {
   application: WebApplication;
@@ -88,6 +89,7 @@ export const NotesOptionsPanel = observer(
           }}
           className="sn-dropdown sn-dropdown--animated min-w-80 max-h-120 max-w-xs flex flex-col pt-2 overflow-y-auto fixed"
           onBlur={closeOnBlur}
+          tabIndex={FOCUSABLE_BUT_NOT_TABBABLE}
         >
           {open && (
             <NotesOptions