From dc2eb3e829dc28fc2c5620dde0db41863f3b1634 Mon Sep 17 00:00:00 2001
From: dawn <dawn@tangled.org>
Date: Tue, 25 Aug 2026 22:44:26 +0900
Subject: [PATCH] web: fix anchored popover scroll lag

Signed-off-by: dawn <dawn@tangled.org>
---
 web/src/lib/components/ui/ActorInput.svelte | 1 +
 web/src/lib/components/ui/Combobox.svelte   | 1 +
 web/src/lib/components/ui/Dropdown.svelte   | 1 +
 web/src/lib/components/ui/Hovercard.svelte  | 1 +
 web/src/lib/components/ui/TagInput.svelte   | 1 +
 web/src/lib/components/ui/Tooltip.svelte    | 1 +
 6 files changed, 6 insertions(+)

diff --git a/web/src/lib/components/ui/ActorInput.svelte b/web/src/lib/components/ui/ActorInput.svelte
index f504f40cd..9c599e075 100644
--- a/web/src/lib/components/ui/ActorInput.svelte
+++ b/web/src/lib/components/ui/ActorInput.svelte
@@ -235,6 +235,7 @@
 <style>
 	@supports (position-area: bottom) and (position-try: flip-block) {
 		.actor-input-panel {
+			position: absolute;
 			margin-top: 0.25rem;
 			position-area: block-end span-inline-end;
 			position-try: flip-block;
diff --git a/web/src/lib/components/ui/Combobox.svelte b/web/src/lib/components/ui/Combobox.svelte
index ba0862d84..1c04b21d3 100644
--- a/web/src/lib/components/ui/Combobox.svelte
+++ b/web/src/lib/components/ui/Combobox.svelte
@@ -345,6 +345,7 @@
 	   implicit anchor because it invoked the popover through popovertarget. */
 	@supports (position-area: bottom) and (position-try: flip-block) {
 		.combobox-panel {
+			position: absolute;
 			/* the gap to the trigger — margin, because position-area owns inset */
 			margin-top: 0.25rem;
 			position-try: flip-block;
diff --git a/web/src/lib/components/ui/Dropdown.svelte b/web/src/lib/components/ui/Dropdown.svelte
index 9813fa189..26bdd00a2 100644
--- a/web/src/lib/components/ui/Dropdown.svelte
+++ b/web/src/lib/components/ui/Dropdown.svelte
@@ -227,6 +227,7 @@
 <style>
 	@supports (position-area: bottom) and (position-try: flip-block) {
 		.dropdown-menu {
+			position: absolute;
 			margin-top: 0.5rem;
 			position-try: flip-block;
 		}
diff --git a/web/src/lib/components/ui/Hovercard.svelte b/web/src/lib/components/ui/Hovercard.svelte
index 65fa95df2..1f4018760 100644
--- a/web/src/lib/components/ui/Hovercard.svelte
+++ b/web/src/lib/components/ui/Hovercard.svelte
@@ -174,6 +174,7 @@
 	   hangs below the trigger, left edges aligned, and flips up near the bottom. */
 	@supports (position-area: bottom) and (position-try: flip-block) {
 		.hovercard-card {
+			position: absolute;
 			margin-block: 0.375rem;
 			position-area: block-end span-inline-end;
 			position-try: flip-block, flip-inline;
diff --git a/web/src/lib/components/ui/TagInput.svelte b/web/src/lib/components/ui/TagInput.svelte
index d6257566d..da5eee9e9 100644
--- a/web/src/lib/components/ui/TagInput.svelte
+++ b/web/src/lib/components/ui/TagInput.svelte
@@ -699,6 +699,7 @@
 	   UA's centred position, the same trade-off Dropdown and Combobox already take. */
 	@supports (position-area: bottom) and (position-try: flip-block) {
 		.tag-panel {
+			position: absolute;
 			/* the gap to the field — margin, because position-area owns inset */
 			margin-top: 0.25rem;
 			position-area: block-end span-inline-end;
diff --git a/web/src/lib/components/ui/Tooltip.svelte b/web/src/lib/components/ui/Tooltip.svelte
index 747e97885..45ee540a9 100644
--- a/web/src/lib/components/ui/Tooltip.svelte
+++ b/web/src/lib/components/ui/Tooltip.svelte
@@ -272,6 +272,7 @@
 	   the UA's centred position, same trade-off Dropdown already takes */
 	@supports (position-area: bottom) and (position-try: flip-block) {
 		.tooltip-bubble {
+			position: absolute;
 			/* the gap between trigger and bubble — margin, because position-area owns inset */
 			margin: 0.25rem;
 			position-try: flip-block, flip-inline;
-- 
2.51.2