[BUG] Modal (feature hint) missing box-shadow

[flemcito]

Describe the bug In https://cookbook.kirby.design/home/showcase/modal When you select "interact with background" and de-selects "Add custom CSS class", the modal is shown without box-shadow/elevation.

To Reproduce Steps to reproduce the behavior:

1. Go to https://cookbook.kirby.design/home/showcase/modal
2. Select "interact with background"
3. De-selects "Add custom CSS class"
4. Click "Show drawer"
5. See error

Screenshots

Please complete the following information:

• OS: [e.g. Windows, MacOS, iOS]
• Browser [e.g. Chrome, Safari]
• Browser version [e.g. 22]

Additional context Add any other context about the problem here.

Tasks:

• [ ] Have the bug report verified by contacting a member of @kirbydesign/kirby-guild
• [ ] Move issue from "Ready to do" -> "in progress" on our project board
• [ ] Create Fix Branch
• [ ] Create test reproducing the error
• [ ] Fix
• [ ] If relevant Update Examples and Showcase
• [ ] Push commits to GitHub
• [ ] Open a pull request (remember to add closes #issueno to the description) and ask @kirbydesign/kirby-guild for review
• [ ] Merge to master and delete branch

[bommariusser]

true stuff @flemcito :) Although the light feature-hint is non-existing.

[stale[bot]]

This issue has been automatically marked as stale because of no recent activity. It will be closed in 10 weeks if no further activity occurs. Thank you for your contributions.

[MadsBuchmann]

I've tested out the steps and can verify the bug. It happens in Firefox 91.0.2 (64-bit) & Chrome Version 93.0.4577.82 (Official Build) (x86_64) but it seems to play nice in Safari. All browsers have been tested in MacOS.