fix(StructuedYsonVirtualized): fix scroll for parsed string value [#765]

ytsaurus · Sep 19, 2024 · c696380 · c696380
1 parent 2c441c5
commit c696380
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/packages/ui/src/ui/components/Yson/StructuredYsonVirtualized/StructuredYsonVirtualized.scss b/packages/ui/src/ui/components/Yson/StructuredYsonVirtualized/StructuredYsonVirtualized.scss
@@ -77,6 +77,10 @@
         overflow-x: hidden;
     }
 
+    &__full-value-parsed {
+        overflow-x: auto;
+    }
+
     &__full-value-radio-buttons {
         width: 200px;
     }

diff --git a/packages/ui/src/ui/components/Yson/StructuredYsonVirtualized/StructuredYsonVirtualized.tsx b/packages/ui/src/ui/components/Yson/StructuredYsonVirtualized/StructuredYsonVirtualized.tsx
@@ -705,7 +705,11 @@ function FullValueDialog(props: FullValueDialogProps) {
                                 length={length}
                             />
                         )}
-                        {type === 'parsed' && <pre>{getParsedFullValue(text)}</pre>}
+                        {type === 'parsed' && (
+                            <pre className={block('full-value-parsed')}>
+                                {getParsedFullValue(text)}
+                            </pre>
+                        )}
                     </div>
                 </Flex>
             </Dialog.Body>