Filtered Search Visual Tokens Bugs

Known Bugs

  1. Visualized search terms don't convert into input values which creates weird situations like https://gitlab.com/gitlab-org/gitlab-ce/merge_requests/9791#note_24960122
  2. Fix alignment so that input text aligns with visual token text
  3. Hitting backspace after a visual token name should filter the hint dropdown
  4. Filtered search container (with visual tokens) pushes the sorting dropdown when viewing it on a smaller viewport
  5. Clicking through the filtered search should open the dropdown after a dropdown item is selected
  6. Dropdown doesn't update it's offset after a token is deleted

Technical Debt

  1. Dynamically get dropdown width in updateDropdownOffset for filtered search - https://gitlab.com/gitlab-org/gitlab-ce/issues/29138

MRs Opened

  1. Sometimes the input field takes up too much place if you are editing the first token and there are tokens behind it - !10090 (merged)
  2. Hovering over the container should display the blue border (to mimic regular input fields) - !9875 (merged)

Fixed (Merged)

  1. Sometimes editing the visual tokens does not open the dropdown (!9794 (merged))
  2. Double clicking and editing the last visual token and then deselecting the input (by clicking elsewhere) does not re-visualize the completed token (!9791 (merged))
  3. Sometimes the dropdown opens the wrong dropdown when editing visual tokens (!9789 (merged))
  4. Incomplete visual tokens should still search as though they are part of the token when the user hits enter (!9789 (merged))
  5. Convert data-x-* to data: { ... } in search_bar.html.haml - https://gitlab.com/gitlab-org/gitlab-ce/issues/29082