Open chucker opened 4 years ago
A very early version of the UI is now here. The positioning is, too, but doesn't seem to actually work yet.
I've removed draft status because this is way beyond proof of concept now.
Remaining issues before this should be merged:
Remaining issues that I don't think should block a merge:
@
. I can't think of a way to rectify this short of significantly complicating the data structure.measureString
approach (measure the text up until before the @
, then left-align the popup there). That would work, but seems overcomplicated?For the user list, I would personally be happy to let it pop up where you have it - the horizontal doesn't matter too much, but if you want to try and position it, I found this that seems to work https://medium.com/@jh3y/how-to-where-s-the-caret-getting-the-xy-position-of-the-caret-a24ba372990a
if you want to try and position it, I found this that seems to work https://medium.com/@jh3y/how-to-where-s-the-caret-getting-the-xy-position-of-the-caret-a24ba372990a
Yeah, the offscreen div approach is one I evaluated. I'll consider it.
Suggest users when typing
@
followed by part of a user name or display name.Multiple aspects required:
we need a UI like Gitter's own, or like in https://github.com/Blazored/Typeahead/ (but we can't outright use Typeahead, I believe, because it seems to always require a drop-down rather than being invoked inline from the message input box). Stuff like arrow up/down to select someone, etc.
we need JS interop to get the cursor position (I think)
we need the API-side search. Unlike Gitter's own client, this PR takes advantage of #75 so results are more comprehensive.