Description

Currently, dropdowns and comboboxes do not display correctly on short screens (like mobile ones). In these cases, they get cut off or become unusable. This task aims to address the UX issues by adjusting their behavior and layout.

As a first step to address this UX issue it's been agreed with the development team:

• Reposition dropdowns/comboboxes to open from position (0, 0) (top-left) on short screens, so they can take up the full screen if needed.
• Introduce a breakpoint-based layout to conditionally switch this behavior only on small screen sizes.
• Add a Close ("X") button to dropdowns when in full-screen mode (since clicking outside is no longer possible for this specific case).
• Apply these improvements to all dropdowns/comboboxes across the app.
• Close or mark as obsolete any existing issues that are resolved by this change (some will be added here as a subitems).
• Test for regressions in regular/full screen mode.
• QA in mobile, tablet and small desktop layouts.

Outcome:
Cleaner UX for dropdowns in constrained vertical spaces, with a consistent pattern and reduced number of related bugs.