refactor: optimize width calculation for SimilarTags UI based on viewport and input element

2025-05-07 13:03:31 +09:00
parent eff7437945
commit e70e6985db
1 changed files with 8 additions and 2 deletions
@@ -260,10 +260,16 @@ class SimilarTagsUI {
        const viewportHeight = window.innerHeight;
        let margin = getViewportMargin();

-        let area = {
+        // Find optimal max width baesd on viewport and input element
+        const maxWidth = Math.max(
+            Math.min(inputRect.right, viewportWidth - margin.right) - inputRect.left,
+            (viewportWidth - margin.left - margin.right) / 2
+        );
+
+        const area = {
            x: Math.max(inputRect.x, margin.left),
            y: Math.max(inputRect.y, margin.top),
-            width: Math.min(elemWidth, (viewportWidth - margin.left - margin.right) / 2),
+            width: Math.min(elemWidth, maxWidth),
            height: Math.min(elemHeight, viewportHeight - margin.top - margin.bottom)
        };