Skip to content

Quill mention module dropdown rendered at incorrect position inside MudDialog #33

@HendrikClercx

Description

@HendrikClercx

Description:
When using the MudExRichTextEditor inside a MudDialog, the mentions dropdown (triggered by typing @) is displayed in the wrong position. Instead of appearing near the cursor or inline with the typed @ symbol, it shows up detached and visually misaligned, as shown in the attached screenshot.

Steps to reproduce:

  1. Render a MudDialog component that contains the MudExRichTextEditor.
  2. Focus the editor and type @ to trigger the mentions dropdown.
  3. Observe the position of the dropdown.

Expected behavior:
The mentions dropdown should appear directly under or next to the typed @, following the cursor position.

Actual behavior:
The dropdown appears in a wrong/fixed/absolute position unrelated to the cursor or text input area (see screenshot).

Screenshot:
Image

Please advise if there's a workaround or if this will be addressed in a future release.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions