Annotation rectangles cover OSD controls

[LlGC-jop]

UV version:

 [email protected] and older

I'm submitting a:

• [x] bug report => please fork one of these codesandbox examples with a repro of your issue and include a link to it below
• [ ] feature request => please use the user stories repo
• [ ] support request => Please do not submit support requests here, use stackoverflow

Current behavior:

Annotation rectangles have a higher z-index than the controls in OSD (next/prev, zoom, rotate etc.).

Expected behavior:

Controls should be available even when overlapping annotation.

Steps to reproduce:

1. Go to https://www.universalviewer.dev/
2. Search for vererbung
3. Using left panel, click a thumbnail with a search result - page 2 (fourth thumbnail) works for me
4. Page should zoom to the annotation. If not, manually move it.
5. Annotation rectangle covers the next/prev buttons.

Related code:

Selector .uv-iiif-extension-host.uv-openseadragon-extension .centerPanel .content .annotationRect in OSD theme.less has z-index of 20

Other information:

I recommend setting a z-index of 21 on the controls.

[demiankatz]

Your proposed solution sounds reasonable to me, as long as the panels and overlays have a higher z-index than 21. Do you want to open a PR against release-4.2.0 to get this fix into the next RC?