モバイルでタグセレクタを閉じる方法をどうすればわかりますか?

これは長い間、私を悩ませています。

モバイル版では、タグを追加するとセレクターが開いたままになります。しかし、コンテンツを入力するためにセレクターを閉じる明確な方法がありません。

セレクターはタグ入力欄をタップすることで閉じられることは理解していますが、それは直感的ではありません。インターネット上でセレクターを閉じるには、通常、以下のような複数の方法があります。

  • 「空の」領域をタップする
  • 存在する場合は アイコンをクリックする
  • 選択後に自動的に閉じる(Discourse では複数のタグを選択できるため、必ずしも機能しないかもしれませんが、メタでは 1 つだけ選択することが一般的です)

入力欄をクリックすれば閉じられると知っていても、あまりに直感的ではないため、未だに私を悩ませ続けており、セレクターを閉じる方法を考えたり思い出したりする必要があります。

これをどのように改善できるでしょうか?

「いいね!」 10

はい、モバイルではキーボードを閉じてからドロップダウンリストの外部をタップする必要があります。

あまり便利ではありません。

「いいね!」 4

タグを選択して閉じるまでの一瞬のタイミングを利用して消しています。決して理想的ではありません。

これは私のコミュニティにとって間違いなく問題です。メンバーの多くはモバイルのみを使用しており、ITリテラシーに明るくないからです…

検索フィールドにカーソルフォーカスを置いたとき、ドロップダウンが「ロールアップ」することを期待していました。何かを入力するとロールダウンし、何も入力されていない場合はロールアップするだろうと予想していました。

「いいね!」 1

ああ、ここでのメニューの外側をクリックする必要があるのは、あまり直感的ではありません。

ここ数年で、多くのモーダルやメニューを「ボトムシート/カード」ビューに移行しており、現在、これらの select-kit タイプのドロップダウンをそのパターンに合わせるようにモダン化しています。

@saquetim は現在この作業の初期段階にありますが、タイムラインについてはまだ明確ではありません。ただし、完了すれば、タグセレクターは以下のようにより近くなるはずです:

「いいね!」 3