Fix: Restoring PolarisRelatedTable scroll (#129)

Co-authored-by: Emily Dodds <[email protected]>
awslabs · Sep 23, 2022 · 75784b1 · 75784b1
1 parent 882c79f
commit 75784b1
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 0 deletions.
diff --git a/packages/scene-composer/src/layouts/SceneLayout/__snapshots__/SceneLayout.spec.tsx.snap b/packages/scene-composer/src/layouts/SceneLayout/__snapshots__/SceneLayout.spec.tsx.snap
@@ -67,6 +67,7 @@ exports[`SceneLayout should not render camera preview if editing and non-camera
 .c6 {
   width: 400px;
   height: 100%;
+  overflow-y: auto;
 }
 
 .c27 {
@@ -1255,6 +1256,7 @@ exports[`SceneLayout should render camera preview if editing and camera componen
 .c6 {
   width: 400px;
   height: 100%;
+  overflow-y: auto;
 }
 
 .c27 {
@@ -2455,6 +2457,7 @@ exports[`SceneLayout should render correctly in Edit mode 1`] = `
 .c6 {
   width: 400px;
   height: 100%;
+  overflow-y: auto;
 }
 
 .c27 {
@@ -3643,6 +3646,7 @@ exports[`SceneLayout should render correctly in Edit mode with Modal 1`] = `
 .c8 {
   width: 400px;
   height: 100%;
+  overflow-y: auto;
 }
 
 .c29 {
@@ -4879,6 +4883,7 @@ exports[`SceneLayout should render correctly in Viewing mode 1`] = `
 .c5 {
   width: 400px;
   height: 100%;
+  overflow-y: auto;
 }
 
 .c0 {
@@ -5447,6 +5452,7 @@ exports[`SceneLayout should render correctly in Viewing mode with modal 1`] = `
 .c7 {
   width: 400px;
   height: 100%;
+  overflow-y: auto;
 }
 
 .c2 {

diff --git a/packages/scene-composer/src/layouts/SceneLayout/components/LeftPanel.tsx b/packages/scene-composer/src/layouts/SceneLayout/components/LeftPanel.tsx
@@ -8,6 +8,7 @@ import TabbedPanelContainer from './TabbedPanelContainer';
 const FixedWidthDiv = styled.div`
   width: 400px;
   height: 100%;
+  overflow-y: auto;
 `;
 
 const LeftPanel: FC<Record<string, JSX.Element>> = (props) => (

diff --git a/...s/scene-composer/src/layouts/SceneLayout/components/__snapshots__/LeftPanel.spec.tsx.snap b/...s/scene-composer/src/layouts/SceneLayout/components/__snapshots__/LeftPanel.spec.tsx.snap
@@ -4,6 +4,7 @@ exports[`<LeftPanel /> should render the expencted layout 1`] = `
 .c0 {
   width: 400px;
   height: 100%;
+  overflow-y: auto;
 }
 
 <div
-Original file line number
+Diff line change
@@ Expand Up @@
     .c0 {
       width: 400px;
       height: 100%;
+      overflow-y: auto;
     }
     <div
@@ Expand Down @@