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](https://cdn.answeroverflow.com/1259309776731639850/Screenshot_2024-07-07_at_10.41.31.png)
![No description](https://cdn.answeroverflow.com/1259309776953806868/Screenshot_2024-07-07_at_10.41.34.png)
3 Replies
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;
Thanks @lajkmi. That's a really nice solution and works well, appreciate it!
@lewmor Glad i could help ❤️