angular-mentions icon indicating copy to clipboard operation
angular-mentions copied to clipboard

Feature Request: Append to Body

Open shyamal890 opened this issue 4 years ago • 5 comments

Currently the dropdown is placed besides the element and not appended to the body. There are some constrains with this as sometimes the dropdown is not visible with overflow:hidden

shyamal890 avatar Jul 29 '19 16:07 shyamal890

@dmacfarlane Our team ran into this issue yesterday. It would be fairly straightforward to implement this by using a CDK Overlay. If you'd like help with this, I can try to find some time this weekend to submit a PR.

dannymcgee avatar Aug 14 '20 15:08 dannymcgee

@dannymcgee I'd be interested to see a PR on how this could be done using a CDK overlay, but I'm also trying to keep dependencies on other packages to a minimum. It would be preferable if there was a simple implementation that did not depend on other packages.

dmacfarlane avatar Sep 02 '20 13:09 dmacfarlane

Please add this feature as soon as possible as I also need this feature

Thanks in advance

sidjai09 avatar Sep 16 '20 12:09 sidjai09

+1

tscislo avatar Nov 26 '20 11:11 tscislo

I was facing this issue some days ago, and I had to implement it by myself at https://github.com/sontx/angular-mentions, it works well with all examples except for text-editor. There is also a published package @sontx/angular-mention, just use [mentionConfig]={container: 'body'} to achieve this behaviour. I also added a smart positioning feature for this one (I think the original version does not work well)

sontx avatar Mar 27 '22 14:03 sontx