[PR #7986] [MERGED] feat: add simple dropdown component #8253

New issue

Closed

opened 2026-03-23 23:23:19 +00:00 by mirror · 0 comments

mirror commented

2026-03-23 23:23:19 +00:00

Owner

📋 Pull Request Information

Original PR: https://github.com/AppFlowy-IO/AppFlowy/pull/7986
Author: @richardshiue
Created: 5/27/2025
Status: ✅ Merged
Merged: 5/27/2025
Merged by: @richardshiue

Base: main ← Head: chore/dropdown

📝 Commits (2)

65f0fe0 feat: add simple dropdown component
68853b7 chore: code style

📊 Changes

6 files changed (+494 additions, -4 deletions)

View changed files

📝 frontend/appflowy_flutter/lib/mobile/presentation/search/mobile_search_icon.dart (+0 -1)
📝 frontend/appflowy_flutter/packages/appflowy_ui/example/lib/main.dart (+5 -2)
➕ frontend/appflowy_flutter/packages/appflowy_ui/example/lib/src/dropdown_menu/dropdown_menu_page.dart (+122 -0)
📝 frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/button/base_button/base_button.dart (+6 -1)
📝 frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/component.dart (+1 -0)
➕ frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/dropdown_menu/dropdown_menu.dart (+360 -0)

📄 Description

Missing from this iteration:

keyboard navigation
multiselect
filtering
custom builder

Feature Preview

PR Checklist

My code adheres to AppFlowy's Conventions
I've listed at least one issue that this PR fixes in the description above.
I've added a test(s) to validate changes in this PR, or this PR only contains semantic changes.
All existing tests are passing.

Summary by Sourcery

Add a simple dropdown component to the appflowy_ui package along with an example page, and enhance the base button to support customizable focus behavior.

New Features:

Introduce AFDropDownMenu widget for selecting items via a popover with optional multiselect support
Export dropdown_menu in the component library index
Add DropdownMenuPage example and integrate it into the example app’s main tabs

Enhancements:

Extend AFBaseButton with autofocus and showFocusRing properties to control focus appearance

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/AppFlowy-IO/AppFlowy/pull/7986 **Author:** [@richardshiue](https://github.com/richardshiue) **Created:** 5/27/2025 **Status:** ✅ Merged **Merged:** 5/27/2025 **Merged by:** [@richardshiue](https://github.com/richardshiue) **Base:** `main` ← **Head:** `chore/dropdown` --- ### 📝 Commits (2) - [`65f0fe0`](https://github.com/AppFlowy-IO/AppFlowy/commit/65f0fe0ed35931856d670634bebdf0aa42ea0b4c) feat: add simple dropdown component - [`68853b7`](https://github.com/AppFlowy-IO/AppFlowy/commit/68853b7fe3d8363b09124258eed2dd0847f54a2e) chore: code style ### 📊 Changes **6 files changed** (+494 additions, -4 deletions) <details> <summary>View changed files</summary> 📝 `frontend/appflowy_flutter/lib/mobile/presentation/search/mobile_search_icon.dart` (+0 -1) 📝 `frontend/appflowy_flutter/packages/appflowy_ui/example/lib/main.dart` (+5 -2) ➕ `frontend/appflowy_flutter/packages/appflowy_ui/example/lib/src/dropdown_menu/dropdown_menu_page.dart` (+122 -0) 📝 `frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/button/base_button/base_button.dart` (+6 -1) 📝 `frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/component.dart` (+1 -0) ➕ `frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/dropdown_menu/dropdown_menu.dart` (+360 -0) </details> ### 📄 Description Missing from this iteration: - keyboard navigation - multiselect - filtering - custom builder   ### Feature Preview  ---  #### PR Checklist - [x] My code adheres to [AppFlowy's Conventions](https://docs.appflowy.io/docs/documentation/software-contributions/conventions) - [x] I've listed at least one issue that this PR fixes in the description above. - [x] I've added a test(s) to validate changes in this PR, or this PR only contains semantic changes. - [x] All existing tests are passing. ## Summary by Sourcery Add a simple dropdown component to the appflowy_ui package along with an example page, and enhance the base button to support customizable focus behavior. New Features: - Introduce AFDropDownMenu widget for selecting items via a popover with optional multiselect support - Export dropdown_menu in the component library index - Add DropdownMenuPage example and integrate it into the example app’s main tabs Enhancements: - Extend AFBaseButton with autofocus and showFocusRing properties to control focus appearance --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>