Describe the enhancement or change
To apply rounded corners with border-radius, we also need to add overflow:hidden, or else something square inside the container will bump out of the corner. And hiding the overflow means that things like dropdowns will not extend outside the border of the container.
Therefore, we would like to find a solution that rounds the corners as desired without requiring overflow:hidden.
Possible solution along these lines: clip-path: inset(45% 0% 33% 10% round 10px)