What are the reasons for append-to-body in Angular Bootstrap?

David says Reinstate Monica picture David says Reinstate Monica · Nov 19, 2014 · Viewed 8.8k times · Source

Several directives in Angular UI Bootstrap have an append-to-body option. When would I need to use this and what are the advantages and disadvantages to it?

Answer

Rantiev picture Rantiev · Aug 25, 2015

That's a very useful option.

That option changes parent of any tooltips etc. elements that as usual dynamicly added into your HTML. To prevent some edges collisions or mixing CSS rules.

You will need to use that option when for example your tooltips are cut by parent edges (parent has overflow:hidden). When using that append-to-body option tooltip will be appended to body instead of that overflow:hidden parent and will not be cut.

Quick solution for such often happening issue.