div class="rounded-start" - why on the right?

[Demessfor]

Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

rounded-start

<div class="col-3 d-flex align-items-end justify-content-center bg-primary rounded-start rounded-5">
......
</div>

if set in CSS, and add to styles

.my_class {
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
    }

<div class="col-3 d-flex align-items-end justify-content-center bg-primary my_class">
......
</div>

is correct.

Reduced test cases

Why is the radius on the right and not on the left d-flex ? what to use always - rounded-end ? it's inconvenient

What operating system(s) are you seeing the problem on?

Linux

What browser(s) are you seeing the problem on?

Chrome, Firefox

What version of Bootstrap are you using?

5.2 b1

[julien-deramond]

IMO it is the same issue as #36536 that could be fixed by #36540. Could you please confirm @Demessfor?

[Demessfor]

Oh, sorry I didn't notice the discussion thread, yes, the problem for today is in the release
https://github.com/twbs/bootstrap/releases/download/v5.2.0-beta1/bootstrap-5.2.0-beta1-dist.zip

[julien-deramond]

No problem it is sometimes difficult to find related issues :).
I'm closing this one as duplicate. You can follow the state by subscribing to #36536 and/or #36540.