fix(core): Dropdown fix initial width (#9867)

taiga-family · Dec 2, 2024 · 76d8d01 · 76d8d01
1 parent e73bd49
commit 76d8d01
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/projects/core/directives/dropdown/dropdown.style.less b/projects/core/directives/dropdown/dropdown.style.less
@@ -27,6 +27,7 @@
 .t-scroll {
     flex-grow: 1;
     max-inline-size: 100%;
+    inline-size: max-content;
     overscroll-behavior: none;
 }
 

diff --git a/projects/demo-playwright/tests/core/dropdown/dropdown.pw.spec.ts b/projects/demo-playwright/tests/core/dropdown/dropdown.pw.spec.ts
@@ -55,6 +55,16 @@ test.describe('Dropdown', () => {
         await expect(page).toHaveScreenshot('05-dropdown.png');
     });
 
+    test('Hosted dropdown initial width', async ({page}) => {
+        await tuiGoto(page, DemoRoute.Viewport);
+        const example = new TuiDocumentationPagePO(page).getExample('#portal');
+
+        await example.scrollIntoViewIfNeeded();
+        await example.locator('.t2').click({force: true});
+
+        await expect(page).toHaveScreenshot('13-dropdown.png');
+    });
+
     test('Esc -> Hosted Dropdown', async ({page}) => {
         await tuiGoto(page, DemoRoute.DropdownOpen);
         const example = new TuiDocumentationPagePO(page).getExample('#tui-dropdown-host');