[Bug]: select options/datepicker/field borders inside dialog content disappear behind dialog footer or dialog-title

[Elisa206]

Preflight Checklist

• [X] I have read the Contributing Guidelines for this project.
• [X] I agree to follow the Code of Conduct that this project adheres to.
• [X] I have searched the issue tracker for an issue that matches the one I want to file, without success.

Bug type

Functionality

It affects the following packages

Components

Which version of Lyne Components are you using

0.51.1

Operating system

Windows 10

Browser / Browser version

Chrome, Edge

Input mode

Mouse/Keyboard

Additional settings

No response

What happened?

I use the sbb-dialog component with sbb-dialog-content and sbb-dialog-actions. Inside the content the last element is an sbb-select with a list of options. If you click on the select field, the options are displayed but disappear partially behind the footer and aren't selectable.

I expect that the options are displayed in front of the footer so that all options are selectable.

Steps to reproduce the issue

1. Define a sbb-select with a list of options (at least 4 options) inside an sbb-dialog-content as last element
2. Add some sbb-dialog-actions
3. Review result

Relevant log output

No response

[Elisa206]

I have seen that the datepicker component is hidden too and in some case (e.g. when field error message displayed) the fields jump and the top fields are also partially hidden by dialog-title....

Here's an Screenshot: