When the alert box is closed its content is not visible (opacity: 0) however it's not being clipped by the max-height: 0 parent.
Issue: Content below the alert is being affected by transparent items; blocking pointer events etc.
Fix: overflow: hidden on the alert box when it's closed.
(Nb. This property was removed from the alert box when we wanted any link items inside the alert box to be able to show :focus outline without being clipped).
When the alert box is closed its content is not visible (
opacity: 0
) however it's not being clipped by themax-height: 0
parent.Issue: Content below the alert is being affected by transparent items; blocking pointer events etc.
Fix:
overflow: hidden
on the alert box when it's closed.(Nb. This property was removed from the alert box when we wanted any link items inside the alert box to be able to show :focus outline without being clipped).