fix: adjust ColumnPicker dropdown positioning for mobile (npmx-dev#457)

RYGRIT · web-flow · commit 2ebd12df12ec · 2026-01-31T10:02:57.000Z
diff --git a/app/components/ColumnPicker.vue b/app/components/ColumnPicker.vue
@@ -93,7 +93,7 @@ function handleReset() {
         v-if="isOpen"
         ref="menuRef"
         :id="menuId"
-        class="absolute inset-ie-0 mt-2 w-60 bg-bg-subtle border border-border rounded-lg shadow-lg z-20"
+        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"
         role="group"
         :aria-label="$t('filters.columns.show')"
       >

Original file line number	Diff line number	Diff line change
`@@ -93,7 +93,7 @@ function handleReset() {`
`93`	`93`	`v-if="isOpen"`
`94`	`94`	`ref="menuRef"`
`95`	`95`	`:id="menuId"`
`96`		`- class="absolute inset-ie-0 mt-2 w-60 bg-bg-subtle border border-border rounded-lg shadow-lg z-20"`
	`96`	`+ 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"`
`97`	`97`	`role="group"`
`98`	`98`	`:aria-label="$t('filters.columns.show')"`
`99`	`99`	`>`