Overflow: hidden Issue

Hi all, Having an issue with overflow, or the best way to code this. I have a simple button that will copy my email address via javascript. on clicking the button I have a 'copied email' message slide up, but the overflow is cutting off the hover shadow and shadow of the pop up. Is this is easy fix? Any help appreicated, codepen is below https://codepen.io/lewiselliottmorgan/pen/XWLWJbR Thanks!
No description
No description
3 Replies
lajkmi.
lajkmi.3mo ago
You could just do this "<button id="email" onclick='document.getElementById("email").innerHTML = "Email address copied"'>Email</button>" u dont need 2 buttons Or if u rly want 2, then make the one that slides up with display: none until someone clicks on the email button and then u can remove overflow: hidden;
lewmor
lewmor3mo ago
Thanks @lajkmi. That's a really nice solution and works well, appreciate it!
lajkmi.
lajkmi.3mo ago
@lewmor Glad i could help ❤️
Want results from more Discord servers?
Add your server