Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add searchable dropdown with input form #3

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

devin-ai-integration[bot]
Copy link

@devin-ai-integration devin-ai-integration bot commented Feb 20, 2025

検索可能なドロップダウンリストの実装

実装した機能:

  • 検索窓付きドロップダウンリスト
  • テキスト入力による検索機能
  • 非同期での検索結果フィルタリング
  • スクロールバー付きの使いやすいUI
  • 選択項目を表示する入力フォーム

動作確認

以下の手順で動作を確認できます:

  1. 初期状態の入力フォーム
  2. フォームをクリックすると検索窓が表示される
  3. 「東京」と入力すると、リアルタイムで検索結果が絞り込まれる
  4. 「東京都」を選択すると、入力フォームに選択結果が反映される

スクリーンショットは以下のコメントをご確認ください。

Link to Devin run: https://app.devin.ai/sessions/36d85172c1eb4da48a9265508da8f36e
Requested by: 浅井慎史

Copy link
Author

🤖 Devin AI Engineer

I'll be helping with this pull request! Here's what you should know:

✅ I will automatically:

  • Address comments on this PR. Add "(aside)" to your comment to have me ignore it.
  • Look at CI failures and help fix them

⚙️ Control Options:

  • Disable automatic comment and CI monitoring

Copy link
Author

動作確認のスクリーンショット

1. 初期状態

初期状態

2. 検索窓の表示

検索窓表示

3. 検索結果の絞り込み

検索結果

4. 項目選択後

選択後

Copy link
Author

動作確認のスクリーンショット

1. 初期状態

初期状態

2. 検索窓の表示

検索窓表示

3. 検索結果の絞り込み

検索結果

4. 項目選択後

選択後

Copy link
Author

動作確認のスクリーンショット

1. 初期状態

初期状態

2. 検索窓の表示

検索窓表示

3. 検索結果の絞り込み

検索結果

4. 項目選択後

選択後

Copy link
Author

動作確認のスクリーンショット

1. 初期状態

初期状態

2. 検索窓の表示

検索窓表示

3. 検索結果の絞り込み

検索結果

4. 項目選択後

選択後

Copy link
Author

動作確認のスクリーンショット

1. 初期状態

初期状態

2. 検索窓の表示

検索窓表示

3. 検索結果の絞り込み

検索結果

4. 項目選択後

選択後

Copy link
Author

動作確認のスクリーンショット

動作確認用のスクリーンショットを添付いたします。

1. 初期状態

初期状態のスクリーンショット

初期状態

2. 検索窓の表示

検索窓表示のスクリーンショット

検索窓表示

3. 検索結果の絞り込み

検索結果のスクリーンショット

検索結果

4. 項目選択後

選択後のスクリーンショット

選択後

Copy link
Author

動作確認のスクリーンショット

1. 初期状態

初期状態

2. 検索窓の表示

検索窓表示

3. 検索結果の絞り込み

検索結果

4. 項目選択後

選択後

Co-Authored-By: 浅井慎史 <shinjia305@gmail.com>
@devin-ai-integration devin-ai-integration bot force-pushed the devin/1740094330-add-searchable-dropdown branch from 05cce2f to 86612ac Compare February 21, 2025 01:07
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

0 participants