FE: Fix search-box-by-type input box in Gl-Form
Summary
The search-box-by-type input box used by gl-dropdown and gl-listbox extends outside the dropbox when encapsulated by a gl-form with the inline property enabled
Steps to reproduce
- Navigate to https://staging.gitlab.com/defend-team-test/cnp-alert-demo/-/security/policies/Require%20security%20approval%20for%20critical-only%20vulnerabilities%2F/edit?type=scan_result_policy and expand the
Protected Branhcesdropdown
What is the current bug behavior?
Input box DOES extend past the dropdown box
What is the expected correct behavior?
Input box DOES NOT extend past the dropdown box
Relevant logs and/or screenshots
| Protected Branches | User dropdown |
|---|---|
![]() |
![]() |
Possible fixes
See the discussion at !98370 (comment 1106724375); perhaps update https://gitlab.com/gitlab-org/gitlab-ui/-/blob/main/src/components/base/search_box_by_type/search_box_by_type.scss to include gl-w-max-full for .gl-search-box-by-type and .gl-search-box-by-type-input
Edited by Alexander Turinske

