# リアクションメニューが投稿アクションの元に戻すウィンドウの外に表示される（モバイル）

**URL:** https://meta.discourse.org/t/reactions-menu-displaying-outside-of-post-action-undo-window-mobile/263994
**Category:** Bug
**Tags:** reactions
**Created:** [2023 年 5 月 5 日午後 5:41 UTC](https://meta.discourse.org/t/reactions-menu-displaying-outside-of-post-action-undo-window-mobile/263994 "2023-05-05T17:41:12Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![jidanni](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jidanni/32/291938_2.png) [@jidanni](https://meta.discourse.org/u/jidanni)
#### Post date: [2023 年 5 月 5 日午後 5:41 UTC](https://meta.discourse.org/t/reactions-menu-displaying-outside-of-post-action-undo-window-mobile/263994/1 "2023-05-05T17:41:13Z")

</div>

![Screenshot_20230506_013714_Chrome Beta](https://global.discourse-cdn.com/meta/original/4X/7/a/6/7a64b8f4ccde5eef82392c0380d2ffd783bc2c96.jpeg)

[https://community.openstreetmap.org/](https://community.openstreetmap.org/) で  
サムズアップをしました。13分後に戻ってきて、ハートマークに変更したかったのです。ご覧の通り、ここまでできました。しかし、ハートマークに変更できません。10分ルールがあって、それ以降は何も変更できないとしましょう。その場合、私の言いたいことは、変更できないアイコンのリストを表示すべきではないということです。なぜなら、それらのアイコンはどれも使えないからです。

つまり、サムズアップをもう一度タップして、他のものに変更しようとした場合、何も反応がなく、選択肢のリストが表示されないのが最善です。なぜなら、それらの選択肢は使えないからです。

さらに良いのは、サムズアップをもう一度タップしたときに、10分経過したため選択を変更できないという説明メッセージが表示されることです。

なぜローカルサイトではなく、ここでメタに投稿しているのか？それは、このような選択肢を与えるすべてのサイトに影響する問題について話しているからです。

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [2023 年 5 月 5 日午後 6:06 UTC](https://meta.discourse.org/t/reactions-menu-displaying-outside-of-post-action-undo-window-mobile/263994/2 "2023-05-05T18:06:24Z")

</div>

はい、モバイル（Android/Chrome）で再現できます。以前はそうではなかったと思うので、何らかの退行の可能性があります。

デスクトップでは、:no_entry_sign: と「リアクションを削除できなくなりました」というホバーテキストが表示されます。

手順：（モバイルで）

- リアクションを有効にする
- `post undo action window mins` を 1 に設定する（オプション）
- 投稿にリアクションし、N 分待つ
- リアクションアイコンを長押しする
- リアクションまたはリアクションの削除ができないにもかかわらず、リアクションメニューが表示される
- メニューは応答せず、エラーも表示されない

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [2023 年 5 月 6 日午前 12:13 UTC](https://meta.discourse.org/t/reactions-menu-displaying-outside-of-post-action-undo-window-mobile/263994/3 "2023-05-06T00:13:50Z")

</div>

履歴を調べても、リグレッションと思われるものが見つかりませんでした。

`toggleFromButton` にはクリックのチェックがありますが、

[https://github.com/discourse/discourse-reactions/blob/main/assets/javascripts/discourse/widgets/discourse-reactions-actions.js#L430-L435](https://github.com/discourse/discourse-reactions/blob/main/assets/javascripts/discourse/widgets/discourse-reactions-actions.js#L430-L435)

タッチにはありません。

[https://github.com/discourse/discourse-reactions/blob/main/assets/javascripts/discourse/widgets/discourse-reactions-actions.js#L170-L183](https://github.com/discourse/discourse-reactions/blob/main/assets/javascripts/discourse/widgets/discourse-reactions-actions.js#L170-L183)

リアクションリストが開かないようにするには、以下のようにできると思います。

```js
  touchStart() {
    cancel(this._touchTimeout);
    if (this.capabilities.touch) {
      if (
        this.attrs.post.current_user_reaction &&
        !this.attrs.post.current_user_reaction.can_undo
      ) {
        return false;
      }
      ...
}

```

---

<div class="post-metadata">

### Author: ![jidanni](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jidanni/32/291938_2.png) [@jidanni](https://meta.discourse.org/u/jidanni)
#### Post date: [2023 年 5 月 6 日午前 3:20 UTC](https://meta.discourse.org/t/reactions-menu-displaying-outside-of-post-action-undo-window-mobile/263994/4 "2023-05-06T03:20:44Z")

</div>

ちなみに、リアクションを削除できないことをユーザーに伝えるのは良いことですが、時間制限についても言及した方がよいでしょう。そうしないと、ユーザーはそれが1日なのか、1ヶ月なのか、1分なのか、あるいはそれ以外なのかを知ることができません。ユーザーが知る方法は、試行錯誤しかありません。

---

<div class="post-metadata">

### Author: ![piffy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/piffy/32/254198_2.png) [@piffy](https://meta.discourse.org/u/piffy)
#### Post date: [2023 年 5 月 6 日午前 4:12 UTC](https://meta.discourse.org/t/reactions-menu-displaying-outside-of-post-action-undo-window-mobile/263994/5 "2023-05-06T04:12:36Z")

</div>

いいねの制限時間が非常に珍しいデフォルト設定だと気づき、最初に変更したことの一つでした（いつでも自由にいいね/いいね解除ができるように）。参考までに。
