Tooltip not well positioned when used on a button group

[uniqx]

Radio Buttons are not operational when the buttons are built with a ng-repeat directive.
Also the tooltip on Radio Buttons appears at a unexpected location.

Demonstration: http://plnkr.co/edit/rW0z4t?p=preview

Would be really awesome if you could look into this issue, because I have honestly no clue how to get around this problem.

Thanks in advance. :)

[pkozlowski-opensource]

@uniqx when it comes to binding there were 2 problems in your plunker:

• you don't need to use {{}} for the btn-radio attribute, it should read: btn-radio="data.name"
• secondly: this is a classical problem people have with AngularJS. What you need to know is that ng-repeat is creating a new scope and consequences of it. The following reading / watching should help to understand what is going on:

http://egghead.io/video/angularjs-the-dot/
https://github.com/angular/angular.js/wiki/The-Nuances-of-Scope-Prototypal-Inheritance

Here is a plunk with bindings working: http://plnkr.co/edit/tugui4?p=preview

When it comes to the tooltip positioning, I need to look into it. @joshdmiller there was something like this already, no?

[pkozlowski-opensource]

OK, some more update: you had a type in your model key (description for banana) so the tooltip was empty. Empty tooltips don't show up at all.

After this is fixed we still got positioning problem: http://plnkr.co/edit/tugui4?p=preview

[pkozlowski-opensource]

OK, so the trick is that btn-group relays on relative positioning and we are not handling this case correctly. This positioning bug is a real one and needs to be fixed. I've changed the title of the issue to reflect this.

[joshdmiller]

Twitter solved this with the container option (see twbs/bootstrap#5687), so we will too. I'm going to close this as a duplicate of #139, which will solve this...or at least provide a workaround.

I hope to open a PR on Monday.

[uniqx]

Wow, thanks a lot. :)

[nostopbutton]

@pkozlowski-opensource - just wanted to add my thanks for explaining that {{}} is not required in ng-repeat, I had going crazy trying to work out why I couldn't get that to work until I stumbled across this (and now I also have a better understanding of scopes in Angular).

Cheers!