diff --git a/packages/survey-creator-core/src/components/toolbox/toolbox-tool.scss b/packages/survey-creator-core/src/components/toolbox/toolbox-tool.scss index b033939886..c4618495c5 100644 --- a/packages/survey-creator-core/src/components/toolbox/toolbox-tool.scss +++ b/packages/survey-creator-core/src/components/toolbox/toolbox-tool.scss @@ -27,6 +27,9 @@ .svc-toolbox__item-banner { top: 50%; } + .svc-toolbox__item-submenu-button { + top: calc(var(--ctr-toolbox-item-padding-top, var(--sjs-spacing-x1))); + } } } .svc-toolbox__tool-content { diff --git a/visualRegressionTests-V2/tests/designer/etalons/toolbox-left-hover-item-subitems-first.png b/visualRegressionTests-V2/tests/designer/etalons/toolbox-left-hover-item-subitems-first.png new file mode 100644 index 0000000000..9846936c94 Binary files /dev/null and b/visualRegressionTests-V2/tests/designer/etalons/toolbox-left-hover-item-subitems-first.png differ diff --git a/visualRegressionTests-V2/tests/designer/etalons/toolbox-left-subitems-first.png b/visualRegressionTests-V2/tests/designer/etalons/toolbox-left-subitems-first.png new file mode 100644 index 0000000000..1e95d76166 Binary files /dev/null and b/visualRegressionTests-V2/tests/designer/etalons/toolbox-left-subitems-first.png differ diff --git a/visualRegressionTests/tests/designer/etalons/toolbox-left-hover-item-subitems-first.png b/visualRegressionTests/tests/designer/etalons/toolbox-left-hover-item-subitems-first.png new file mode 100644 index 0000000000..5f6ae0f024 Binary files /dev/null and b/visualRegressionTests/tests/designer/etalons/toolbox-left-hover-item-subitems-first.png differ diff --git a/visualRegressionTests/tests/designer/etalons/toolbox-left-subitems-first.png b/visualRegressionTests/tests/designer/etalons/toolbox-left-subitems-first.png new file mode 100644 index 0000000000..bb6cb96320 Binary files /dev/null and b/visualRegressionTests/tests/designer/etalons/toolbox-left-subitems-first.png differ diff --git a/visualRegressionTests/tests/designer/toolbox.ts b/visualRegressionTests/tests/designer/toolbox.ts index 2945ee80d1..1a22b2a349 100644 --- a/visualRegressionTests/tests/designer/toolbox.ts +++ b/visualRegressionTests/tests/designer/toolbox.ts @@ -55,6 +55,34 @@ test("Left toolbox", async (t) => { }); }); +test("Left toolbox - subitems in first item", async (t) => { + await wrapVisualTest(t, async (t, comparer) => { + await changeToolboxScrolling(false); + await changeToolboxSearchEnabled(false); + await setAllowEditSurveyTitle(false); + await setShowAddQuestionButton(false); + + await ClientFunction(() => { + window["creator"].toolbox.removeItem("radiogroup"); + })(); + + const toolboxItem = Selector(".svc-toolbox__item"); + const toolboxElement = Selector(".svc-toolbox"); + + await setJSON({ + showQuestionNumbers: "on", pages: [{ name: "page1" }] + }); + await t.resizeWindow(2560, 1440); + await setShowSidebar(false); + await takeElementScreenshot("toolbox-left-subitems-first.png", toolboxElement, t, comparer); + + await t.hover(toolboxItem); + await takeElementScreenshot("toolbox-left-hover-item-subitems-first.png", toolboxElement, t, comparer); + + await t.resizeWindow(2560, 1440); + }); +}); + test("Right toolbox", async (t) => { await wrapVisualTest(t, async (t, comparer) => { await changeToolboxScrolling(false);