Popover Container: Set a dynamic max-height for the popover.

[engijlr]

Fixed: umbraco/Umbraco-CMS#19073

Problem:

Dropdown with many items had no scrollbar. Users could not see or click items that went beyond the screen.

Solution:

Changed CSS from overflow: visible to overflow: auto so scrollbars appear when needed.
Added dynamic max-height calculation:

• Calculates available space above/below the trigger button.
• Sets max-height to 90% of available space (leaving 10% padding).

Screenshots

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[nielslyngsoe]

This is introducing a scrollbar for the popover, which previously was implemented by the content. See combo box as an example.
We need to figure out how such can play well together. Maybe we cannot provide a scrollbar, meaning this will only work if the content it self stay flexible. That would open up for other ways to handle small space.

Until that is resolved i will mark this as a draft.