fix(ui): correct column dropdown positioning and mobile overflow (#1092)

NandkishorJadoun · danielroe · web-flow · commit 2a7d055aa6e8 · 2026-02-07T08:41:25.000Z
Co-authored-by: Daniel Roe &lt;daniel@roe.dev&gt;
diff --git a/app/components/ColumnPicker.vue b/app/components/ColumnPicker.vue
@@ -87,7 +87,7 @@ function handleReset() {
         v-if="isOpen"
         ref="menuRef"
         :id="menuId"
-        class="absolute inset-is-0 sm:inset-is-auto sm:inset-ie-0 mt-2 w-60 bg-bg-subtle border border-border rounded-lg shadow-lg z-20"
+        class="absolute top-full inset-ie-0 sm:inset-is-auto sm:inset-ie-0 mt-2 w-60 bg-bg-subtle border border-border rounded-lg shadow-lg z-20"
         role="group"
         :aria-label="$t('filters.columns.show')"
       >

Original file line number	Diff line number	Diff line change
`@@ -87,7 +87,7 @@ function handleReset() {`
`87`	`87`	`v-if="isOpen"`
`88`	`88`	`ref="menuRef"`
`89`	`89`	`:id="menuId"`
`90`		`- class="absolute inset-is-0 sm:inset-is-auto sm:inset-ie-0 mt-2 w-60 bg-bg-subtle border border-border rounded-lg shadow-lg z-20"`
	`90`	`+ class="absolute top-full inset-ie-0 sm:inset-is-auto sm:inset-ie-0 mt-2 w-60 bg-bg-subtle border border-border rounded-lg shadow-lg z-20"`
`91`	`91`	`role="group"`
`92`	`92`	`:aria-label="$t('filters.columns.show')"`
`93`	`93`	`>`