[GH-ISSUE #4031] [Bug] the mention page menu can be way too high #1823

New issue

Closed

opened 2026-03-23 21:17:27 +00:00 by mirror · 0 comments

mirror commented

2026-03-23 21:17:27 +00:00

Owner

Originally created by @annieappflowy on GitHub (Nov 28, 2023).
Original GitHub issue: https://github.com/AppFlowy-IO/AppFlowy/issues/4031

Originally assigned to: @Xazin on GitHub.

Bug Description

you showed me the trick for inserting page references with "@", It's great that the list adapts dynamically as soon as text is entered. From my point of view, two things could be improved. 1) Intuitive operation: The heading "Page reference" should be replaced by a prompt, e.g. "Start typing for filter term". 2) Display of a (long) reference list: When "@" is typed at the top of a page, the list rolls out to the bottom and is cut off by the main window (see screenshot 1). This does not look so good and references at the end of the list cannot be reached with the mouse (who knows that date and reminder are waiting there? 😉 ). If "@" is entered at the bottom of a page, the list is rolled up and also cut off by the main window (see screenshot 2). This does not look so good either and the heading or the new prompt at the top of the list would not be visible and would have no function. My suggestion would be to limit the height of the list (e.g. 8 entries) and to display the list in a window with a vertical scrollbar. Advantages: The user immediately sees the prompt at the beginning, the scrollbar shows the user how long the list is approximately and if he wants to select the references manually or get an overview, this is possible through the scrollbar.

How to Reproduce

Create 10+ pages
Type @ in a page to trigger the mention menu

Expected Behavior

nicely displayed even when there are so many pages
leave good spots for other types that can be mentioned

Operating System

Windows 11

AppFlowy Version(s)

v0.3.8

Screenshots

No response

Additional Context

No response

Originally created by @annieappflowy on GitHub (Nov 28, 2023). Original GitHub issue: https://github.com/AppFlowy-IO/AppFlowy/issues/4031 Originally assigned to: @Xazin on GitHub. ### Bug Description you showed me the trick for inserting page references with "@", It's great that the list adapts dynamically as soon as text is entered. From my point of view, two things could be improved. 1) Intuitive operation: The heading "Page reference" should be replaced by a prompt, e.g. "Start typing for filter term". 2) Display of a (long) reference list: When "@" is typed at the top of a page, the list rolls out to the bottom and is cut off by the main window (see screenshot 1). This does not look so good and references at the end of the list cannot be reached with the mouse (who knows that date and reminder are waiting there? 😉 ). If "@" is entered at the bottom of a page, the list is rolled up and also cut off by the main window (see screenshot 2). This does not look so good either and the heading or the new prompt at the top of the list would not be visible and would have no function. My suggestion would be to limit the height of the list (e.g. 8 entries) and to display the list in a window with a vertical scrollbar. Advantages: The user immediately sees the prompt at the beginning, the scrollbar shows the user how long the list is approximately and if he wants to select the references manually or get an overview, this is possible through the scrollbar. ### How to Reproduce Create 10+ pages Type @ in a page to trigger the mention menu ### Expected Behavior nicely displayed even when there are so many pages leave good spots for other types that can be mentioned ### Operating System Windows 11 ### AppFlowy Version(s) v0.3.8 ### Screenshots _No response_ ### Additional Context _No response_