Auto-expand framework frames when one of them is selected

replayio · Jul 9, 2024 · 5fe41d2 · 5fe41d2
1 parent ea84bb2
commit 5fe41d2
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/devtools/client/debugger/src/components/SecondaryPanes/Frames/Group.tsx b/src/devtools/client/debugger/src/components/SecondaryPanes/Frames/Group.tsx
@@ -47,7 +47,6 @@ export function Group({
   disableContextMenu,
   panel,
 }: GroupProps) {
-  const [expanded, setExpanded] = useState(false);
   const isSelectable = panel == "console";
 
   const { contextMenu, onContextMenu } = useStackFrameContextMenu({
@@ -56,6 +55,11 @@ export function Group({
     copyStackTrace,
   });
 
+  const containsSelectedFrame = group.some(
+    frame =>
+      selectedFrameId?.pauseId === frame.pauseId && selectedFrameId?.frameId === frame.protocolId
+  );
+  const [expanded, setExpanded] = useState(containsSelectedFrame);
   const toggleFrames = (event: React.MouseEvent) => {
     event.stopPropagation();
     setExpanded(prevExpanded => !prevExpanded);