bug: invisible toast area blocks buttons

[condemil]

What version of daisyUI are you using?

4.12.10

Which browsers are you seeing the problem on?

All browsers

Reproduction URL

https://play.tailwindcss.com/AE6Alyeiqn

Describe your issue

Use-case: If the page have a toast area (div with toast class), it is not visible without any content inside it and can be used in conjunction with javascript to show alerts when it is required.

Issue: If the button is located in the same part of the page, the button area that overlaps with toast padding is not clickable. You can check how it looks like in the provided reproduction url.

Solution: The solution I see is to replace p-4 with m-4 in here

[github-actions]

Thank you @condemil for reporting issues. It helps daisyUI a lot 💚
I'll be working on issues one by one. I will help with this one as soon as a I find a solution.
In the meantime providing more details and reproduction links would be helpful.

[condemil]

Is comment above is generated by AI based on my initial comment but with different wording? Sorry if I'm wrong, but it looks like it.