Toast notification appears behind modal overlays

[sanajitjana]

When a toast notification appears while the History or Bookmark modal is open, it is rendered beneath the modal’s overlay, making it partially or completely hidden. This reduces visibility and may cause users to miss important messages.

Steps to Reproduce:

1. Go to start.spring.io
2. Click on the History button (or Bookmark button) to open the modal.
3. Trigger an action that generates a toast notification (e.g., load a saved configuration).
4. Observe that the toast is rendered under the modal overlay.

Expected Behavior:
The toast notification should appear above the modal overlay so that it is always fully visible to the user.

Actual Behavior:
The toast is hidden beneath the modal overlay, making it unreadable.

Screenshots:

Possible Cause:
Likely due to z-index stacking order in the CSS for the toast container vs. the modal overlay. The modal overlay currently has a higher z-index than the toast container.

Suggested Fix:
Increase the z-index of the toast container so that it appears above all modals.

Environment:

• OS: Windows 10
• Browser: Firefox 141.0 / Google Chrome
• Spring Initializer Version: Latest (13 Aug 2025)

Additional Notes:
I am happy to submit a PR with a fix for this issue.

[mhalbritter]

Hello @sanajitjana , thanks for the report.

I am happy to submit a PR with a fix for this issue.

Thanks, we're happy to take that offer.

[mhalbritter]

Superseded by #1882.