diff --git a/gitnexus-web/e2e/directory-picker.spec.ts b/gitnexus-web/e2e/directory-picker.spec.ts index b65d4f02a..c49f43be1 100644 --- a/gitnexus-web/e2e/directory-picker.spec.ts +++ b/gitnexus-web/e2e/directory-picker.spec.ts @@ -265,7 +265,12 @@ test.describe('Directory picker — selection', () => { }); // Click the backdrop to close - await page.locator('[data-testid="directory-picker-modal"]').locator('..').locator('div').first().click({ position: { x: 5, y: 5 }, force: true }); + await page + .locator('[data-testid="directory-picker-modal"]') + .locator('..') + .locator('div') + .first() + .click({ position: { x: 5, y: 5 }, force: true }); // Path input should keep the original value await expect(pathInput).toHaveValue('/my/custom/path'); diff --git a/gitnexus-web/src/components/DirectoryPicker.tsx b/gitnexus-web/src/components/DirectoryPicker.tsx index 5f144faa6..07b8018c9 100644 --- a/gitnexus-web/src/components/DirectoryPicker.tsx +++ b/gitnexus-web/src/components/DirectoryPicker.tsx @@ -137,7 +137,10 @@ export const DirectoryPicker = ({ open, onClose, onSelect, initialDir }: Directo {/* Directory listing */} -
+
{loading && (
@@ -176,13 +179,16 @@ export const DirectoryPicker = ({ open, onClose, onSelect, initialDir }: Directo key={entry.name} data-testid={`dir-entry-${entry.name}`} onClick={() => navigateTo(target)} - className="flex w-full items-center gap-2.5 rounded-lg px-3 py-2.5 text-left transition-colors hover:bg-hover active:bg-hover/70 focus-visible:ring-2 focus-visible:ring-accent/40 focus-visible:outline-none" + className="flex w-full items-center gap-2.5 rounded-lg px-3 py-2.5 text-left transition-colors hover:bg-hover focus-visible:ring-2 focus-visible:ring-accent/40 focus-visible:outline-none active:bg-hover/70" > {entry.name} -