Multiple weird behaviors of issues search box

Summary

There are multiple weird issues with the "issues" search box editing experience.

Steps to reproduce

  • Type several words in the "issues" search box
  • Try single click to move cursor between words
  • Try drag to select multiple words
  • Try double click and drag to begin selecting multiple words
  • Try triple click to select the whole text (paragraph)

I'm using Firefox nightly on Linux.

Example Project

https://gitlab.com/gitlab-org/gitlab/-/issues

What is the current bug behavior?

  • When positioned before the final word, the word has a very large space after it (about 1/4 of the whole search box)
  • Dragging to select only works within a single word
  • Double click selects one word, but dragging doesn't select more
  • Triple click does nothing instead of selecting them all

What is the expected correct behavior?

These are normal operations elsewhere in the browser (and GitLab):

  • No large space after the word under cursor
  • Dragging to select several words (so that I can delete and rephrase them)
  • Double click and dragging selects multiple words (so I don't need to place my mouse exactly at word boundaries)
  • Triple click selects them all (this helps to start a new search; the X button on the right is far away)

Relevant logs and/or screenshots

Output of checks

This bug happens on GitLab.com

Possible fixes