Patron search profile group and home library dropdowns obscured by search results

[Dan Briem]

On Main.

The profile group dropdown on the patron search form (AngularJS) expands beneath the search results and is partially blocked.

I think the cause is a div around the form with the CSS property value container-type: inline-size. This property value creates a new stacking context, so I think the dropdown's z-index is relative to the wrapping div instead of the rest of the document.

[Dan Briem (dbriem)]

Branch for testing: https://git.evergreen-ils.org/?p=working/Evergreen.git;a=shortlog;h=refs/heads/user/dbriem/lp2063496_patron_search_profile_dropdown_obscured

[Michele Morgan (mmorgan)]

The Home Library dropdown is similarly affected. This behavior is not observed in 3.12.

Marking priority High as this prevents making selections with a mouse in the dropdowns of the patron search form.

[Michele Morgan (mmorgan)]

Dan's patch fixes the issue for me. With the patch in place, both the Profile and Home library dropdowns are no longer partially obscured. My signoff branch is here:

https://git.evergreen-ils.org/?p=working/Evergreen.git;a=shortlog;h=refs/heads/user/mmorgan/LP2063496_signoff

user/mmorgan/LP2063496_signoff

[Stephanie Leary (stephanieleary)]

Thanks, Dan! Committed to main.