# モバイルのトピックリストでタグがタップできない

**URL:** <https://meta.discourse.org/t/tag-is-not-tappable-in-topic-list-on-mobile/255774>\
**Category:** UX\
**Created:** [2023 年 2 月 21 日午後 12:15 UTC](https://meta.discourse.org/t/tag-is-not-tappable-in-topic-list-on-mobile/255774 "2023-02-21T12:15:14Z")\
**Posts on this page:** 1\
**Showing post:** 5

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [2023 年 2 月 23 日午後 3:26 UTC](https://meta.discourse.org/t/tag-is-not-tappable-in-topic-list-on-mobile/255774/5 "2023-02-23T15:26:55Z")

</div>

うーん、何かが後退したようですね… iOSで現在見られるのは、カテゴリはカテゴリページにタップで遷移し、タグはデッドゾーン（トピックにクリックすらできない）になっていることです。これは調査できます。そのCSSも古くなっています…現時点では（投稿を更新します）：

```css
.topic-list .topic-item-stats__category-tags { 
  .discourse-tag,
  .badge-wrapper {
    pointer-events: all; 
  }
}

```

一貫性の必要性は確かに理解できますが、トピックではなくカテゴリやタグを誤ってタップしたり、間違ったカテゴリ/タグをタップしたりすることは非常に簡単です…特にトピックリストでは、トピックに入ることが主なアクションであるため、これは非常に悪い体験となります。

モバイルデバイスでタップ可能な要素の最小推奨サイズは、一般的に約45px四方ですが、そこに到達するにはカテゴリとタグの高さをほぼ倍にする必要があります。これは、カテゴリとタグが1行に制限されている場合は可能ですが、多くのサイトでは折り返すのに十分なコンテンツがあり…このようなスペースは良くないでしょう：

 ![image](https://global.discourse-cdn.com/meta/original/4X/0/b/9/0b9eb00718c3c3c7ec674b18cb735f69b3c8ba95.png)

カテゴリとタグを、よりボタンのようなスタイリングを使用して適切なタップサイズを確保するように再設計することは想像できますが、それはDiscourse全体で実装したい大きな変更になるでしょう。

---

_[View the full topic](https://meta.discourse.org/t/tag-is-not-tappable-in-topic-list-on-mobile/255774)._