Limit drawer component to 100% width on smaller devices
On smaller devices, it has been noted that the drawer component can overflow if the width of the device is smaller than the width of the drawer as defined in: https://gitlab.com/gitlab-org/gitlab-ui/-/blob/main/src/components/base/drawer/drawer.scss.
The CSS is defining a small breakpoint width of gl-w-full
but appears to be overridden by the gl-drawer-default
and gl-drawer-sidebar
classes as they have higher specificity.
Implementation Guide
The simplest fix would be to make sure the small breakpoint is given to these classes as well
Edited by Sam Beckham