Bootstrap: Vertical radio button group missing border-radius

Created on 13 Oct 2020  路  4Comments  路  Source: twbs/bootstrap

The docs example of a vertical radio button group, has a missing top border-radius.
The issue also looks to appear outside of docs.

Docs: https://v5.getbootstrap.com/docs/5.0/components/button-group/#vertical-variation (scroll down)
Repro: https://codepen.io/Hiws/pen/zYBvzpg

It also appears that in the codepen, there's an issue with one of the buttons having a thicker border than the others. However that does not appear on the docs, so I might be missing something.

duplicate

Most helpful comment

Thanks @rohit2sharma95 ;)

All 4 comments

Nice catch, this is due to .btn:not(:first-child) used to reset border-top-*-radius.

It is already reported in #31255 :)

@rohit2sharma95
Oh dear, looks like i didn't search thoroughly enough.
Will close this one then.

Thanks @rohit2sharma95 ;)

Was this page helpful?
0 / 5 - 0 ratings