#6661 Toolbox - Subitems - An arrow action is shifted to the bottom

Fixes #6661
surveyjs · Feb 28, 2025 · 721d1cf · 721d1cf
1 parent c4f40b0
commit 721d1cf
Show file tree

Hide file tree

Showing 6 changed files with 31 additions and 0 deletions.
diff --git 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/...ssionTests-V2/tests/designer/etalons/toolbox-left-hover-item-subitems-first.png b/...ssionTests-V2/tests/designer/etalons/toolbox-left-hover-item-subitems-first.png
diff --git a/visualRegressionTests-V2/tests/designer/etalons/toolbox-left-subitems-first.png b/visualRegressionTests-V2/tests/designer/etalons/toolbox-left-subitems-first.png
diff --git a/...gressionTests/tests/designer/etalons/toolbox-left-hover-item-subitems-first.png b/...gressionTests/tests/designer/etalons/toolbox-left-hover-item-subitems-first.png
diff --git a/visualRegressionTests/tests/designer/etalons/toolbox-left-subitems-first.png b/visualRegressionTests/tests/designer/etalons/toolbox-left-subitems-first.png
diff --git 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);