feat(web): fixed combobox positioning

[ben-basten]

Description

Dropdown options can appear above all other page content and expand outside of modals, making them easier to use. When there is limited space to show the dropdown menu below the text input, it will move to top positioning. This is similar to the solution proposed in #11810.

The dropdown menu is automatically closed if the input box is hidden by another element.

Also in this change:

• Reworking the scroll container in full screen modals, to prevent an issue where the bottom buttons scroll with modal content incorrectly.
• Fix the "Edit date and time" + "Tag assets" modals being obscured in Safari. Applied the same fix as fix(web): add location modal invisible on safari #9756.
• Expand the link text in the "Tag assets" modal to include more context than just "here".

How Has This Been Tested?

Testing matrix

Above/below refer to the position of the dropdown menu, relative to the input box.

Due to poor results with the dropdown menu appearing "above" on mobile devices, it will only appear below when a mobile virtual keyboard or zoom is applied.

OS/Browser	Virtual keyboard open	Pinch zoom in	Default zoom support
iOS/Safari	Below: ✅ Above: ❌ Slight zoom when an input field is clicked breaks positioning above	Below: ✅ Above: ❌	Below/Above: ✅
iPadOS/Safari	✅	Below: ✅ Above: ❌	Below/Above: ✅
Android/Chrome	🟡 Works if dropdown is triggered in a position that is above where the virtual keyboard appears	Below/Above: ❌ Loses position tracking	Below/Above: ✅
Android/Firefox	✅	Below/Above: ❌ Loses position tracking	Below/Above: ✅
MacOS/Safari	N/A	🟡 Untested - do not have a trackpad to test pinch zoom in Safari	Below/Above: ✅
MacOS/Chrome+Firefox	N/A	N/A	Below/Above: ✅

Combobox locations

• Search options: city, country, state, camera make, camera model
• App settings: language
• App settings: time locale
• Change date modal
• Tag asset modal
• Admin job status: create job modal

Testing considerations

• Dropdown with no scrolling options, above and below
• Dropdown with scrolling options, above and below
• Dropdown moves as the page scrolls, repositions to top if not enough room
• Dropdown moves as the page vertically resizes, repositions to top if not enough room

Screenshots

responsive-dropdown.mp4

Expand for screenshots

[danieldietzler]

Fixes #12839

[danieldietzler]

The code looks good to me!