[BUG]: The floating menu is hidden in a container with an overflow:hidden

There is a problem in the positioning with an overflow:hidden container when you are on top. I think the case is not handled in calculateBubblePosition() ?

What if the floating menu was created at the body level like the Mention plugin or ngSelect with their appendTo solution? These are only ideas…

• Bug report

Example

Thanks

[sibiraj-s]

There is a problem in the positioning with an overflow:hidden container when you are on top

that is the expected behaviour when the parent has overflow hidden.

FloatingMenu is exported as component. It can be placed anywhere in the component tree as needed. Also appending the menu to body can be done with few lines of code. I have also made a stackblitz example for the same. Let me know if anything else is required.

Closing the issue for now. Feel free to continue the discussion if required.

[sibiraj-s]

Its simple, You create another component that has floating menu template instead of directly using the component that the editor provides

<ngx-editor-floating-menu [editor]="editor">
  <ngx-editor-menu [editor]="editor">Hello</ngx-editor-menu>
</ngx-editor-floating-menu>

and append that instead of FloatingMenuComponent

this.componentFactoryResolver
      .resolveComponentFactory(<YourComponent>) // instead of `FloatingMenuComponent`

Please create a new discussion, if you need more help. this is off topic to this issue