bluerobotics/cockpit

frontend: use searchable dropdowns

Open

#1,811 opened on Apr 10, 2025

View on GitHub
 (1 comment) (1 reaction) (0 assignees)Vue (55 forks)auto 404
enhancementgood first issuepolishui

Repository metrics

Stars
 (181 stars)
PR merge metrics
 (PR metrics pending)

Description

Current behaviour

Various Cockpit pop-up windows use a select dropdown with a separate text entry to filter the options, which is visually unpleasant and unintuitive. This pattern is currently used where one or more data-lake variable needs to be selected (e.g. the plotter widget config / the custom action triggers config), as well as the MAVLink message inspector.

Expected or desired behaviour

Vuetify includes a v-autocomplete element, to combine this functionality into a searchable select element, while still supporting multi-selection and the like.

Prerequisites

  • I have checked to make sure that a similar request has not already been filed or fixed.

Contributor guide

Research direction
Locate the select components in the codebase and replace them with v autocomplete from Vuetify, ensuring functionality like multi selection is preserved.
Tech stack
vue
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
VueVuetifyGit
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
75