I want a div with rounded corners *without* using overflow:hidden. All searches seem to point at solutions that specifically use it.
-
-
Replying to @JakeGoulding
i'm not sure what border-radius has to do with overflow? you can just do this https://codepen.io/anon/pen/KqdzpN
1 reply 0 retweets 0 likes -
Replying to @ag_dubs @JakeGoulding
(lemme know if i'm missing a subtlety in your request! happy to help)
1 reply 0 retweets 1 like -
Replying to @ag_dubs
A subtlety I didn't quite realize - I've got nested divs without intermediate padding, so they overlap - https://codepen.io/anon/pen/jwbqVy
1 reply 0 retweets 0 likes -
Replying to @JakeGoulding
you can just throw
#rounded on the interior div? or tell the child div to inherit? i dunno the constraints you have re what you can change2 replies 0 retweets 0 likes -
Replying to @ag_dubs
Here's something closer to my real markup https://codepen.io/anon/pen/jwbqVy . I'm using React, and trying to keep each component fairly isolated.
1 reply 0 retweets 0 likes -
Replying to @JakeGoulding
and what do you *want* it to look like? 2 divs with *all* rounded corners?
1 reply 0 retweets 0 likes -
Replying to @ag_dubs
I want it to look like this, but I've got stuff inside the well that uses absolute positioning and is bigger than the well, so it's clipped
1 reply 0 retweets 0 likes -
The React is like `<Well><WellPrimary /><WellSecondary /></Well>`, so I can likely change Well to add `is{First,Last}` to first/last child.
-
This Tweet is unavailable.
Loading seems to be taking a while.
Twitter may be over capacity or experiencing a momentary hiccup. Try again or visit Twitter Status for more information.