Merge branch 'develop' into feature/autocomplete-tags

app/assets/javascripts/components/NotesOptionsPanel.tsx

@@ -71,7 +71,7 @@ export const NotesOptionsPanel = observer(({ appState }: Props) => {
             ...position,
             maxHeight
           }}
-          className="sn-dropdown max-h-120 max-w-80 flex flex-col py-2 overflow-y-scroll fixed"
+          className="sn-dropdown sn-dropdown--animated max-h-120 max-w-80 flex flex-col py-2 overflow-y-scroll fixed"
         >
           {open && (
             <NotesOptions

app/assets/javascripts/components/SearchOptions.tsx

@@ -63,7 +63,7 @@ const SearchOptions = observer(({ appState }: Props) => {
         style={{
           top: optionsPanelTop,
         }}
-        className="sn-dropdown sn-dropdown--anchor-right absolute grid gap-2 py-2"
+        className="sn-dropdown sn-dropdown--anchor-right sn-dropdown--animated absolute grid gap-2 py-2"
       >
         <Switch
           className="h-10"

app/assets/javascripts/directives/views/componentView.ts

@@ -156,6 +156,9 @@ class ComponentViewCtrl implements ComponentViewScope {
           case (ComponentAction.KeyUp):
             this.application.io.handleComponentKeyUp(data.keyboardModifier);
             break;
+          case (ComponentAction.Click):
+            this.application.getAppState().notes.setContextMenuOpen(false);
+            break;
           default:
             return;
         }

app/assets/javascripts/views/notes/notes_view.ts

@@ -400,6 +400,7 @@ class NotesViewCtrl extends PureViewCtrl<unknown, NotesCtrlState> {
   }
 
   async createNewNote() {
+    this.appState.notes.unselectNotes();
     let title = `Note ${this.state.notes.length + 1}`;
     if (this.isFiltering()) {
       title = this.state.noteFilter.text;