Segmented input group buttons have wrong border radius

[hotzenklotz]

Hi,

when switching the 'action' and 'dropdown' button in the segmented input group from the docs causes a wrong border radius for the buttons.
Interestingly enough it works fine on the left side, but comes out wrong on the right side. See screenshot for clarity:

[cvrebert]

Duplicate of #11489 / #11475, but those weren't fixed, and we're trying to support RTL now, so leaving this issue open.

[mdo]

This CSS sucks so bad right now lol. Going to take some time to figure out how to target this properly.

[mdo]

This is basically impossible given the constraints of CSS selectors and the presence of a dropdown menu. For the time being, I'm afraid this is a can't fix and we'll punt to v4 to maybe re-evaluate how these components are put together.

---

Expanding on the can't fix:

• We cheat with rounding the .dropdown-toggle because it has a special class.
• We need that because of the .dropdown-menu.
• We can't do :nth-child because IE8 doesn't support it.
• We can't say :last-child-1 because that CSS doesn't exist.
• We could require another class, but that sounds awful given the current block of CSS magic doing the rounding here for us.

Bottom line? Basically impossible.