diff --git a/src/defaultV2-theme/blocks/sd-row.scss b/src/defaultV2-theme/blocks/sd-row.scss index 6589d246c7..fe627b7612 100644 --- a/src/defaultV2-theme/blocks/sd-row.scss +++ b/src/defaultV2-theme/blocks/sd-row.scss @@ -66,10 +66,12 @@ .sd-row__panel { box-sizing: border-box; width: 100%; + height: 100% } .sd-row__question { box-sizing: border-box; width: 100%; white-space: nowrap; + height: 100% } \ No newline at end of file diff --git a/visualRegressionTests/tests/defaultV2/etalons/multiple-row-heights.png b/visualRegressionTests/tests/defaultV2/etalons/multiple-row-heights.png new file mode 100644 index 0000000000..520ec8213c Binary files /dev/null and b/visualRegressionTests/tests/defaultV2/etalons/multiple-row-heights.png differ diff --git a/visualRegressionTests/tests/defaultV2/question.ts b/visualRegressionTests/tests/defaultV2/question.ts index ea3afedf3e..703cf93aa0 100644 --- a/visualRegressionTests/tests/defaultV2/question.ts +++ b/visualRegressionTests/tests/defaultV2/question.ts @@ -234,6 +234,65 @@ frameworks.forEach(framework => { }); }); + test("Check questions in one row with different default heights", async (t) => { + await wrapVisualTest(t, async (t, comparer) => { + + await t.resizeWindow(1920, 1080); + await initSurvey(framework, { + "pages": [ + { + "name": "page1", + "elements": [ + { + "type": "text", + "name": "question3" + }, + { + "type": "checkbox", + "name": "question4", + "startWithNewLine": false, + "choices": [ + "Item 1", + "Item 2", + "Item 3" + ] + }, + { + "type": "panel", + "name": "panel1", + "elements": [ + { + "type": "text", + "name": "question2" + } + ], + "title": "Panel" + }, + { + "type": "checkbox", + "name": "question1", + "startWithNewLine": false, + "choices": [ + "Item 1", + "Item 2", + "Item 3", + "Item 4", + "Item 5", + "Item 6" + ] + } + ] + } + ], + "widthMode": "static", + "width": "1000px" + },); + const rowSelector = Selector(".sd-page"); + await resetFocusToBody(); + await takeElementScreenshot("multiple-row-heights.png", rowSelector, t, comparer); + }); + }); + test("Check questions in one row (overflow content)", async (t) => { await wrapVisualTest(t, async (t, comparer) => {