Technical Analysis
The element <button data-sileo-toast="true"> is acting as an invisible overlay that extends across a significant portion of the header (highlighted in purple/blue in the dev tools). Because this container sits higher in the z-index stack but occupies physical space, it captures clicks and hovers intended for the icons (Heart, Sun, Profile) underneath.
Proposed Fix (CSS)
To allow interactions to "pass through" the empty space of the viewport while still allowing the actual notification to be clickable, apply the following:
/* 1. Set height to 0, it does not affect functionality and stops any unexpected interactions */
[data-sileo-toast="true"] {
height: 0;
}This might only be a partial solution, might need an actual fix on how toast is rendered.
Technical Analysis
The element
<button data-sileo-toast="true">is acting as an invisible overlay that extends across a significant portion of the header (highlighted in purple/blue in the dev tools). Because this container sits higher in the z-index stack but occupies physical space, it captures clicks and hovers intended for the icons (Heart, Sun, Profile) underneath.Proposed Fix (CSS)
To allow interactions to "pass through" the empty space of the viewport while still allowing the actual notification to be clickable, apply the following:
This might only be a partial solution, might need an actual fix on how toast is rendered.