Dropdown menus in scrollable areas

[stevenbirr]

Hello,

is there a way to fix the common problem of positioning dropdowns, tooltips, popovers in scrollable areas? We encountered a bug, in dartium as well as in chrome, that dropdown menus are clipped in scrollable ("overflow: scroll") areas, see the picture.

May be related to:
angular-ui/bootstrap#139
angular-ui/bootstrap#2445
Perhaps you could add the option to set "append-to-body"?

Thank you and kind regards,
Steven

[akserg]

Option 'append-to-body' exists in tooltip and popover from beginning. Check this line. Can you use it in your case and report.
May I ask you code-example for dropdowns?

[stevenbirr]

Hello akserg, I made a short demo: https://github.com/stevenbirr/angular-ui.dart.dropdown-example
The tooltips are working in scrollable areas, the dropdown menus unfortunately not quite good. :(

[akserg]

So, let me see and propose the best one.

[akserg]

Would you happy if I will use the same solution (append to body) for dropdown menus?

[stevenbirr]

If that solves the problem, I would be happy with that. ;-)