kirbydesign/designsystem

[BUG] Alert: buttons overflow the alert in Chrome 123

Closed this issue · 0 comments

Describe the bug

❌ In Chrome 123 the buttons in the alert overflow the width of the alert:
image

Describe how to reproduce the bug

  1. Go to https://cookbook.kirby.design/#/home/showcase/alert
  2. Click on 'Show alert'
  3. See error (as in the screenshot above)

Which Kirby version was used?

9.3.2

What was the expected behavior?

✅ Buttons take up half of the available width with a gap between them:
image

Add any screenshots

Please complete the following information:

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

Are there any additional context?


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:

Review

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