[docs] Remove combobox docs and add disabled example to select menu

Combobox is duplicated (see SelectMenu documentation:
https://chromedevtools.github.io/devtools-frontend/#SelectMenu
). However, add a disabled example to select menu, which was
previously existing for the combobox doc.

Bug: 414332459
Change-Id: I0bf5f98b60d8208bd1593ff3effbe6ac293bb0c8
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/7117386
Reviewed-by: Benedikt Meurer <[email protected]>
Commit-Queue: Kim-Anh Tran <[email protected]>

Author: ktran

front_end/ui/components/docs/BUILD.gn

@@ -12,7 +12,6 @@ group("docs") {
     ":component_doc_styles",
     "../../../Images",
     "../../../panels/timeline/fixtures/traces",
-    "./combo_box",
     "./context_menu",
     "./expandable_list",
     "./input",

front_end/ui/components/docs/combo_box/BUILD.gn

@@ -51,6 +51,20 @@ export async function render(container: HTMLElement) {
         simpleMenuHTML);
   }
 
+  {
+    const disabledMenuHTML = createDivWithP('Disabled select with lit-html');
+    // clang-format off
+    Lit.render(
+        html`<select disabled aria-label="Select an option" @change=${onChange}>
+                <option hidden>Select an option</option>
+                <option jslog=${VisualLogging.item('option-1').track({
+                  click: true
+                })} value="Option1">Option 1</option>
+              </select>`,
+        disabledMenuHTML);
+    // clang-format on
+  }
+
   {
     const groupMenuHTML = createDivWithP('Select with groups with lit-html');
     Lit.render(