From ffa24dcebb5302738ee5b36e8c8b050df43a0127 Mon Sep 17 00:00:00 2001 From: Aleksey Novikov Date: Thu, 18 Apr 2024 12:21:55 +0300 Subject: [PATCH] #8139 Dynamic panel (tab view). No room for search editor. (#8140) Fixes #8139 --- src/common-styles/sv-list.scss | 1 + .../defaultV2/etalons/popup-search-width.png | Bin 0 -> 9944 bytes .../tests/defaultV2/popup.ts | 31 ++++++++++++++++++ 3 files changed, 32 insertions(+) create mode 100644 visualRegressionTests/tests/defaultV2/etalons/popup-search-width.png diff --git a/src/common-styles/sv-list.scss b/src/common-styles/sv-list.scss index 8461d29c53..f686c442fa 100644 --- a/src/common-styles/sv-list.scss +++ b/src/common-styles/sv-list.scss @@ -209,6 +209,7 @@ li:focus .sv-list__item.sv-list__item--selected { background: $background; box-sizing: border-box; width: 100%; + min-width: calcSize(30); outline: none; font-size: calcFontSize(1); color: $foreground; diff --git a/visualRegressionTests/tests/defaultV2/etalons/popup-search-width.png b/visualRegressionTests/tests/defaultV2/etalons/popup-search-width.png new file mode 100644 index 0000000000000000000000000000000000000000..c43f14abedc0a52cb0522fe1309b659ce6d5bf18 GIT binary patch literal 9944 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 { await takeElementScreenshot("popup-into-modal-popup.png", Selector(".sv-popup.sv-single-select-list .sv-popup__container"), t, comparer); }); }); + test("Popup search width", async (t) => { + await wrapVisualTest(t, async (t, comparer) => { + await t.resizeWindow(1000, 600); + await initSurvey(framework, { + + "pages": [ + { + "name": "page1", + "elements": [ + { + "type": "paneldynamic", + "name": "question1", + "templateElements": [ + { + "type": "text", + "name": "question2" + } + ], + "panelCount": 20, + "renderMode": "tab" + } + ] + } + ] + }); + await t + .click(".sv-dots__item"); + + await takeElementScreenshot("popup-search-width.png", Selector(".sv-popup .sv-popup__container"), t, comparer); + }); + }); }); \ No newline at end of file