diff --git a/packages/dashboard/app/components/WorkflowNodeEditor.css b/packages/dashboard/app/components/WorkflowNodeEditor.css index 697b04b963..541a3ac2d4 100644 --- a/packages/dashboard/app/components/WorkflowNodeEditor.css +++ b/packages/dashboard/app/components/WorkflowNodeEditor.css @@ -1383,7 +1383,7 @@ .wf-editor-body--editor-stage .wf-editor-canvas-wrap { display: flex; - flex: 1 1 auto; + flex: 0 1 auto; width: 100%; min-width: 0; min-height: 0; diff --git a/packages/dashboard/app/components/__tests__/WorkflowNodeEditor.css.test.ts b/packages/dashboard/app/components/__tests__/WorkflowNodeEditor.css.test.ts index d71fdcb9d7..68e5302085 100644 --- a/packages/dashboard/app/components/__tests__/WorkflowNodeEditor.css.test.ts +++ b/packages/dashboard/app/components/__tests__/WorkflowNodeEditor.css.test.ts @@ -133,6 +133,7 @@ describe("WorkflowNodeEditor mobile CSS contract", () => { expect(editorBodyRule).toMatch(/overflow-x\s*:\s*hidden\s*;/); const editorStageWrapRule = findRule(mobileBlocks, /\.wf-editor-body--editor-stage \.wf-editor-canvas-wrap\s*\{[^}]*\}/); + expect(editorStageWrapRule).toMatch(/flex\s*:\s*0 1 auto\s*;/); expect(editorStageWrapRule).toMatch(/width\s*:\s*100%\s*;/); expect(editorStageWrapRule).toMatch(/min-width\s*:\s*0\s*;/); expect(editorStageWrapRule).toMatch(/overflow\s*:\s*hidden\s*;/);