[BUG] Dropdown height issue on small screen devices in modal

[NillerW]

• I have written a good issue

Describe the bug

kirby-dropdown's content is not calculating height of content correctly, when displayed in a kirby-modal while applying the usePopover attribute on the kirby-dropdown component. This leads to the content of the dropdown potentially being cut-off for being off-screen, leading to last element(s) not being selectable.

Describe how to reproduce the bug

1. Create a component that opens a kirby-modal
2. The component in the modal should implement kirby-page-content and inside it have a kirby-dropdown
3. Add [userPopover]="true" to kirby-dropdown
4. Simulate a small screen height and observe the dropdown's content being cut-off by the windows border.

Which Kirby version was used?

10.1.3

What was the expected behavior?

Content of dropdown adjusts its height to display all items within the windows display.

Add any screenshots

Please complete the following information:

• OS: MacOS
• Browser: Chrome
• Browser version: 130.0.6723.69

Are there any additional context?

Reproduced on above mentioned specs. Also an issue on smaller tablets and phones when in landscape mode.

Checklist:

The following tasks should be carried out in sequence in order to follow the process of contributing correctly.

Verification

To make sure the bug is not intended behaviour; it should be verified by a member of team Kirby before moving on to implementation.

• Make sure the NOT verified label has been removed by a member of team Kirby; do not proceed until this is done.

Implementation

The contributor who wants to implement this issue should:

• Make sure you have read: "Before you get coding".
• Signal to others you are working on the issue by assigning yourself.
• Create a branch from the develop branch following our branch naming convention.
• Create a test that reproduces the bug following guidelines in: "The good: Test".
• Write code to fix the bug

Review

Once the issue has been implemented and is ready for review:

• Do a self-review.
• Create a pull-request.