feat: reset scroll of preview layout whenever layout changes

opengovsg · Jul 19, 2024 · ab6ceb7 · ab6ceb7
1 parent e57b63b
commit ab6ceb7
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/apps/studio/src/features/editing-experience/components/CreatePageModal/PreviewLayout.tsx b/apps/studio/src/features/editing-experience/components/CreatePageModal/PreviewLayout.tsx
@@ -37,7 +37,13 @@ export const PreviewLayout = (): JSX.Element => {
               </Text>
             </Flex>
           )}
-          <Box bg="white" overflow="auto" height="100%">
+          <Box
+            bg="white"
+            overflow="auto"
+            height="100%"
+            // Key used to reset the scroll to the top whenever layout changes
+            key={currentLayout}
+          >
             <Preview {...layoutPreviewJson} />
           </Box>
         </Box>