(canon)fix: use full menu width for combobox menu filter input.

Signed-off-by: Johan Persson <johanopersson@gmail.com>

.changeset/tired-readers-share.md

@@ -0,0 +1,5 @@
+---
+'@backstage/canon': patch
+---
+
+The filter input in menu comboboxes should now always use the full width of the menu it's in.

packages/canon/css/components.css

@@ -903,6 +903,7 @@
   border: none;
   border-bottom: 1px solid var(--canon-border);
   background-color: var(--canon-bg-surface-1);
+  width: 100%;
   height: 32px;
   color: var(--canon-fg-primary);
   line-height: 140%;

packages/canon/css/menu.css

@@ -94,6 +94,7 @@
   border: none;
   border-bottom: 1px solid var(--canon-border);
   background-color: var(--canon-bg-surface-1);
+  width: 100%;
   height: 32px;
   color: var(--canon-fg-primary);
   line-height: 140%;

packages/canon/css/styles.css

@@ -10127,6 +10127,7 @@
   border: none;
   border-bottom: 1px solid var(--canon-border);
   background-color: var(--canon-bg-surface-1);
+  width: 100%;
   height: 32px;
   color: var(--canon-fg-primary);
   line-height: 140%;

packages/canon/src/components/Menu/Menu.styles.css

@@ -93,6 +93,7 @@
 
 .canon-SubmenuComboboxSearch {
   padding-inline: var(--canon-space-3);
+  width: 100%;
   height: 32px;
   border: none;
   border-bottom: 1px solid var(--canon-border);