From f526efd0eedf988761d223aaa0b875132d95c180 Mon Sep 17 00:00:00 2001
From: Ivan <8611739+IRBorisov@users.noreply.github.com>
Date: Wed, 15 Jan 2025 19:15:52 +0300
Subject: [PATCH] B: Fix nodes not being selectable through hidden div

---
 .../src/pages/RSFormPage/EditorTermGraph/GraphSelectors.tsx   | 2 +-
 .../frontend/src/pages/RSFormPage/EditorTermGraph/TGFlow.tsx  | 2 +-
 .../src/pages/RSFormPage/EditorTermGraph/ViewHidden.tsx       | 4 +++-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/rsconcept/frontend/src/pages/RSFormPage/EditorTermGraph/GraphSelectors.tsx b/rsconcept/frontend/src/pages/RSFormPage/EditorTermGraph/GraphSelectors.tsx
index a0d78200..6e80ace2 100644
--- a/rsconcept/frontend/src/pages/RSFormPage/EditorTermGraph/GraphSelectors.tsx
+++ b/rsconcept/frontend/src/pages/RSFormPage/EditorTermGraph/GraphSelectors.tsx
@@ -16,7 +16,7 @@ interface GraphSelectorsProps {
 
 function GraphSelectors({ schema, coloring, onChangeColoring }: GraphSelectorsProps) {
   return (
-    <div className='border rounded-b-none select-none clr-input rounded-t-md'>
+    <div className='border rounded-b-none select-none clr-input rounded-t-md pointer-events-auto'>
       <Overlay position='right-[2.5rem] top-[0.25rem]'>
         {coloring === 'status' ? <BadgeHelp topic={HelpTopic.UI_CST_STATUS} className='min-w-[25rem]' /> : null}
         {coloring === 'type' ? <BadgeHelp topic={HelpTopic.UI_CST_CLASS} className='min-w-[25rem]' /> : null}
diff --git a/rsconcept/frontend/src/pages/RSFormPage/EditorTermGraph/TGFlow.tsx b/rsconcept/frontend/src/pages/RSFormPage/EditorTermGraph/TGFlow.tsx
index 9fd2a7af..c06c3f79 100644
--- a/rsconcept/frontend/src/pages/RSFormPage/EditorTermGraph/TGFlow.tsx
+++ b/rsconcept/frontend/src/pages/RSFormPage/EditorTermGraph/TGFlow.tsx
@@ -380,7 +380,7 @@ function TGFlow({ onOpenEdit }: TGFlowProps) {
           </Overlay>
         ) : null}
 
-        <Overlay position='top-[6.15rem] sm:top-[5.9rem] left-0' className='flex gap-1'>
+        <Overlay position='top-[6.15rem] sm:top-[5.9rem] left-0' className='flex gap-1 pointer-events-none'>
           <div className='flex flex-col ml-2 w-[13.5rem]'>
             <GraphSelectors schema={controller.schema} coloring={coloring} onChangeColoring={setColoring} />
             <ViewHidden
diff --git a/rsconcept/frontend/src/pages/RSFormPage/EditorTermGraph/ViewHidden.tsx b/rsconcept/frontend/src/pages/RSFormPage/EditorTermGraph/ViewHidden.tsx
index 78d9fe19..9c596cfa 100644
--- a/rsconcept/frontend/src/pages/RSFormPage/EditorTermGraph/ViewHidden.tsx
+++ b/rsconcept/frontend/src/pages/RSFormPage/EditorTermGraph/ViewHidden.tsx
@@ -48,7 +48,7 @@ function ViewHidden({ items, selected, toggleSelection, setFocus, schema, colori
   }
   return (
     <div className='flex flex-col'>
-      <Overlay position='right-[calc(0.7rem-2px)] top-2'>
+      <Overlay position='right-[calc(0.7rem-2px)] top-2 pointer-events-auto'>
         <MiniButton
           noPadding
           noHover
@@ -73,6 +73,7 @@ function ViewHidden({ items, selected, toggleSelection, setFocus, schema, colori
       </div>
 
       <div
+        tabIndex={-1}
         className={clsx(
           'flex flex-wrap justify-center gap-2 py-2 mt-[-0.5rem]',
           'text-sm',
@@ -80,6 +81,7 @@ function ViewHidden({ items, selected, toggleSelection, setFocus, schema, colori
           'cc-scroll-y'
         )}
         style={{
+          pointerEvents: isFolded ? 'none' : 'auto',
           maxHeight: hiddenHeight,
           transitionProperty: 'clip-path',
           transitionDuration: `${PARAMETER.fastAnimation}ms`,