From 07e0959d38471d3e54d967ddc8265df2138b9d7a Mon Sep 17 00:00:00 2001
From: IRBorisov <8611739+IRBorisov@users.noreply.github.com>
Date: Tue, 7 Nov 2023 11:03:59 +0300
Subject: [PATCH] Use forceRender to prevent elements flickering

---
 rsconcept/frontend/src/pages/RSFormPage/RSTabs.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/rsconcept/frontend/src/pages/RSFormPage/RSTabs.tsx b/rsconcept/frontend/src/pages/RSFormPage/RSTabs.tsx
index d2769166..ccfae0d1 100644
--- a/rsconcept/frontend/src/pages/RSFormPage/RSTabs.tsx
+++ b/rsconcept/frontend/src/pages/RSFormPage/RSTabs.tsx
@@ -384,6 +384,7 @@ function RSTabs() {
       selectedIndex={activeTab}
       onSelect={onSelectTab}
       defaultFocus
+      forceRenderTabPanel
       selectedTabClassName='clr-selected'
       className='flex flex-col items-center w-full'
     >
@@ -419,7 +420,7 @@ function RSTabs() {
       </TabList>
 
       <div className='overflow-y-auto' style={{ maxHeight: panelHeight}}>
-        <TabPanel>
+        <TabPanel style={{ display: activeTab === RSTabID.CARD ? '': 'none' }}>
           <EditorRSForm
             isModified={isModified}
             setIsModified={setIsModified}
@@ -430,7 +431,7 @@ function RSTabs() {
           />
         </TabPanel>
 
-        <TabPanel>
+        <TabPanel style={{ display: activeTab === RSTabID.CST_LIST ? '': 'none' }}>
           <EditorItems
             onOpenEdit={onOpenCst}
             onCreateCst={promptCreateCst}
@@ -439,7 +440,7 @@ function RSTabs() {
           />
         </TabPanel>
 
-        <TabPanel>
+        <TabPanel style={{ display: activeTab === RSTabID.CST_EDIT ? '': 'none' }}>
           <EditorConstituenta
             isModified={isModified}
             setIsModified={setIsModified}
@@ -454,7 +455,7 @@ function RSTabs() {
           />
         </TabPanel>
 
-        <TabPanel>
+        <TabPanel style={{ display: activeTab === RSTabID.TERM_GRAPH ? '': 'none' }}>
           <EditorTermGraph 
             onOpenEdit={onOpenCst}
             onCreateCst={promptCreateCst}