dropdown is cut off in overflow containers

[btm1]

Needs ability to append the dropdown to the body so that it can be seen outside of overflow containers

[mattzollinhofer]

Thanks for reporting the issue. I'm not sure I know how to replicate this issue. Can you provide some more details? Specifically, code recreating it?

[mattzollinhofer]

Waiting for additional feedback, closing for now -- happy to reopen if we have more info.

[natharduini]

Hi,
it may not be the exact situation of the OP, but to replicate the issue quickly, I added the following style to a div container on your Examples page:

.theme-default-content content__default {
  max-height: 340px;
  overflow: auto;
  position: relative;
}

I hope it helps.

[Morgul]

I was able to reproduce this in my project by putting the typeahead into a modal, and giving it a list that makes the suggestions overflow the size of the modal.

I would suggest adding something like https://bootstrap-vue.org/docs/components/dropdown#boundary-constraint to control who element it's clipped by.

[mattzollinhofer]

@natharduini & @Morgul, thanks for the feedback and replication steps, that's super helpful!

I see how this is an issue and would welcome a fix for this. I'll definitely keep it on the list but if anyone has time to put a PR together that might get this moving a little faster.