Skip to content

fix(dashboard): use autocomplete for list options#7889

Closed
bugkeep wants to merge 1 commit intoAstrBotDevs:masterfrom
bugkeep:bugfix/7884-plugin-config-autocomplete
Closed

fix(dashboard): use autocomplete for list options#7889
bugkeep wants to merge 1 commit intoAstrBotDevs:masterfrom
bugkeep:bugfix/7884-plugin-config-autocomplete

Conversation

@bugkeep
Copy link
Copy Markdown
Contributor

@bugkeep bugkeep commented Apr 29, 2026

Fixes #7884\n\n- Replace plugin config list+options field from Vuetify v-select (multiple chips) to v-autocomplete so typing filters options instead of toggling the first prefix match.\n- Enable clear-on-select so search input clears after selecting an item.

Summary by Sourcery

Bug Fixes:

  • Ensure typing in list option inputs filters available options instead of toggling the first prefix-matching item.

@auto-assign auto-assign Bot requested review from Fridemn and Soulter April 29, 2026 07:48
@dosubot dosubot Bot added size:XS This PR changes 0-9 lines, ignoring generated files. area:webui The bug / feature is about webui(dashboard) of astrbot. labels Apr 29, 2026
Copy link
Copy Markdown
Contributor

@sourcery-ai sourcery-ai Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hey - I've reviewed your changes and they look great!


Sourcery is free for open source - if you like our reviews please consider sharing them ✨
Help me be more useful! Please click 👍 or 👎 on each comment and I'll use the feedback to improve your reviews.

Copy link
Copy Markdown
Contributor

@gemini-code-assist gemini-code-assist Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review

This pull request replaces the v-select component with v-autocomplete in ConfigItemRenderer.vue for list-type configurations and adds the clear-on-select property. A review comment suggests further improving the user interface by adding the closable-chips prop to the multi-select autocomplete component, allowing users to remove selected items more easily.

Comment on lines +104 to +105
clear-on-select
></v-autocomplete>
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

When using multiple selection with chips, it is highly recommended to include the closable-chips prop. This allows users to remove selected items directly by clicking the 'x' on the chip, which is much more intuitive and efficient than having to open the menu and find the item to deselect it, especially when the list of options is long.

      clear-on-select
      closable-chips
    ></v-autocomplete>

@Soulter Soulter closed this Apr 29, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area:webui The bug / feature is about webui(dashboard) of astrbot. size:XS This PR changes 0-9 lines, ignoring generated files.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug] 插件配置中 list+options 多选字段输入字符会清空已选 chips

2 participants