Multi-select (combobox) list items "escape" bounding box in off-canvas forms in Chrome

Problem/Motivation

Multi-select (combobox) list items "escape" bounding box in off-canvas forms in Chrome. This happened in the past: #3043467: Multi-select list items "escape" bounding box in Off-Canvas Forms when using WebKit and Mozilla based browsers, but it looks like it broke again at some point. Perhaps due to #2958588: Off-canvas style resets are overriding styles (especially SVGs) resulting in display issues, I'm not sure.

It looks fine in FireFox.

Steps to reproduce

1. Install fresh site from 9.x and use "Standard" profile
2. Enable Layout Builder
3. Add at least 5 terms to the existing "Tags" vocabulary
4. Add a custom block type and add a term reference field to the tags vocabulary. Allow unlimited items
5. Update form display widget for that block type to use a select list
6. Enable layout builder for the existing "Basic Page" content type default entity view display
7. Edit layout, add block, and select "Add Custom Block"
8. Add the new block you created, and observe the issue

Proposed resolution

Apply "overflow: auto" to "#drupal-off-canvas select[multiple]" fixes it

Remaining tasks

User interface changes

API changes

Data model changes

Release notes snippet