Fix completition widget: body placement + style. (#8119)

dart-lang · Oct 7, 2024 · f13d303 · f13d303
1 parent be26349
commit f13d303
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/pkg/web_app/lib/src/widget/completion/widget.dart b/pkg/web_app/lib/src/widget/completion/widget.dart
@@ -86,8 +86,8 @@ void create(HTMLElement element, Map<String, String> options) {
       dropdown: dropdown,
       data: data,
     );
-    // Add dropdown after the <input>
-    document.body!.after(dropdown);
+    // Append dropdown to body
+    document.body!.append(dropdown);
   });
 }
 

diff --git a/pkg/web_css/lib/src/_search.scss b/pkg/web_css/lib/src/_search.scss
@@ -121,13 +121,13 @@
     cursor: pointer;
     white-space: nowrap;
     padding: 0px 3px;
-  }
-
-  >.completion-option-selected {
-    background-color: var(--pub-selected-bgColor);
 
     &:hover {
       background-color: var(--pub-selected-bgColor);
     }
   }
+
+  >.completion-option-selected {
+    background-color: var(--pub-selected-bgColor);
+  }
 }