diff --git a/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Right/DopeSheetSelectionView.tsx b/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Right/DopeSheetSelectionView.tsx index dc772a3..2956163 100644 --- a/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Right/DopeSheetSelectionView.tsx +++ b/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Right/DopeSheetSelectionView.tsx @@ -33,7 +33,8 @@ const Container = styled.div<{isShiftDown: boolean}>` const DopeSheetSelectionView: React.FC<{ layoutP: Pointer -}> = ({layoutP, children}) => { + height: number +}> = ({layoutP, children, height}) => { const [containerRef, containerNode] = useRefAndState( null, ) @@ -43,7 +44,12 @@ const DopeSheetSelectionView: React.FC<{ selectionBoundsRef.current = selectionBounds return ( - + {selectionBounds && ( )} diff --git a/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Right/Right.tsx b/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Right/Right.tsx index f250588..53df5dc 100644 --- a/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Right/Right.tsx +++ b/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Right/Right.tsx @@ -40,6 +40,7 @@ const Right: React.FC<{ const tree = val(layoutP.tree) const height = val(layoutP.tree.top) + + // stretch the height of the dope sheet in case the rows don't cover its whole vertical space Math.max( val(layoutP.tree.heightIncludingChildren), val(layoutP.dopeSheetDims.height), @@ -48,7 +49,7 @@ const Right: React.FC<{ return ( <> - +