HomePhabricator
Diffusion Comm 364c804b2d0f

[web] Typeahead overlay visual

Description

[web] Typeahead overlay visual

Summary:
Component that will be displayed when user tries to mention other user (by typing @ in chatbar).
Currently, it is not created anywhere, but code that does it will be added in next diffs.
Component takes list of actions and it's absolute position that will be calculated outside of it.
Notice it isn't positioned correctly yet, as it's work in progress.

Relevant linear tasks:
https://linear.app/comm/issue/ENG-2096/typeahead-in-tooltip-for-mentions
https://linear.app/comm/issue/DES-1/design-typeahead-for-mentions-on-web#comment-f40bb8c5

Test Plan:
I already have most of the outer logic completed, so I was able to test if it's rendered properly.
Video below:

Reviewers: tomek, kamil, atul

Reviewed By: tomek, atul

Subscribers: ashoat, abosh, atul, kamil, tomek

Differential Revision: https://phab.comm.dev/D5660

Details

Provenance
przemekAuthored on Nov 17 2022, 2:25 AM
Reviewer
tomek
Differential Revision
D5660: [web] Typeahead overlay visual
Parents
rCOMM048a6dfce1df: [Web] Added current cursor position to StateInput
Branches
Unknown
Tags
Unknown