[Bug]: dialog and header not working together on mobile

[tobiasBlaser]

Preflight Checklist

• I have read the Contributing Guidelines for this project.
• I agree to follow the Code of Conduct that this project adheres to.
• 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

1.0.0

Operating system

Sonoma 14.2.1

Browser / Browser version

Chrome

Input mode

None

Additional settings

No response

What happened?

We Use both the header and the dialog component in our app. In the desktop version this works finde but as you can see in the mobile version the top part of the dialog gets covered by the header.

I tried to add a cheeky fix by adding a margin/padding to the dialog but this didn't work either.

It would be nice if there was an option in the dialog to let it "start" below the header

Steps to reproduce the issue

Add a header to an web-app
Add a dialog to an web-app
Open the web-app in the mobile view

An example of this can be found here:
https://knotenkenntnisse-dev.app.sbb.ch/

Drag up the map sidebar
Click on the "Ortungsdiensteinstellungen" link
The dialog that is buggy should open

Relevant log output

No response

[jeripeierSBB]

There seems to be a problem with z-index on the sidebar of the map-container (set by Lyne). needs fix on map-container.