nextcloud-libraries / nextcloud-libraries/nextcloud-vue

Mention picker is shown when a mention-chip is in front of it

Open
#5,410 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

1. to develop bug feature: rich-contenteditable
Dominant language
Vue
Stars
246
Forks
99
Avg merge
1d 20h
Merged PRs (30d)
103

Description

Opening the mention picker was fixed in https://github.com/nextcloud-libraries/nextcloud-vue/issues/5351 / https://github.com/nextcloud-libraries/nextcloud-vue/pull/5378. But it is still possible to open the mention picker, when another mention is directly in front of it:

https://github.com/nextcloud-libraries/nextcloud-vue/assets/1580193/b68065d9-bf09-4294-b514-79d03876912d

So there are 2 issues here:

  • The mention picker should not open when a mention chip is in front of it

  • The inputbar should not render the mentionchip when there's no space in between (the top field shows the chips, the bottom one does not)

    image

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by locating the mention picker and inputbar components in the Vue component sources, then reproduce both cases shown in the issue. The work is done when a mention picker does not open behind a mention chip and the inputbar does not render a chip without intervening space.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.