border-radius for tooltips/popovers incorrectly affected by .input-append

[joshdick]

Elements that trigger tooltips/popovers, as well as child elements in popovers, seem to be incorrectly affected by the input-append class. These elements lose their top-right and bottom-right border-radius when their associated tooltip/popover displays.

Here is a jsFiddle that shows the issue: http://jsfiddle.net/gb2YN/

Reproducible with Bootstrap 2.2.2 in Chrome 24, Firefox 18.0.2, and IE9.

Doesn't appear to have been fixed in 2.3.0-wip yet.

[cvrebert]

Duplicate of #6275?

[mdo]

This is a dupe a few times over.

With v2.3, you'll need to specify a container to avoid these kinds of issues. This is the best way we could come up with to deal with improved placement of tooltips and popovers without having to endure the clusterfuck of z-index issues we ran into previously.

There's no other way around this via CSS as we're using the + selector, and without specifying a container other than the immediate parent for tooltips and popovers, you effectively nullify that selector. I'll do some work to update the docs in #6346 to reiterate this requirement as it'll likely choke folks up a bit.