# モバイルでリアクションピッカーがビューポート外に配置される
**URL:** https://meta.discourse.org/t/reactions-picker-positioned-outside-of-viewport-on-mobile/395181
**Category:** Support
**Created:** [2026 年 2 月 4 日午後 2:33 UTC](https://meta.discourse.org/t/reactions-picker-positioned-outside-of-viewport-on-mobile/395181 "2026-02-04T14:33:34Z")
**Posts on this page:** 8
**Page:** 1
### Author:  [@TobiasUdtke](https://meta.discourse.org/u/TobiasUdtke)
#### Post date: [2026 年 2 月 4 日午後 2:33 UTC](https://meta.discourse.org/t/reactions-picker-positioned-outside-of-viewport-on-mobile/395181/1 "2026-02-04T14:33:34Z")
ここで説明されているものと非常によく似た問題を抱えています。
> [@Unable to use reactions on IOS/Mobile](https://meta.discourse.org/t/unable-to-use-reactions-on-ios-mobile/386867/12?u=tobiasudtke):
>
> Here’s what I found after some testing on the forum with a resized viewport to simulate mobile and DevTools: the reactions popup is definitely there. The element shows up and goes away as expected when hovering and removing the cursor. But for some reason, it does not appear on-screen. Or at least it seems to. Well, here’s a screenshot when hovering: If you look really closely at the area just above the bottom red line above the thumbs-up button, you can see a faint shadow, which is …
リアクションピッカーがビューポートの外側に表示されます。
デバッグツールを使用して、`element.style {left: 89.6562px; top: 2375.19px; }` を受信していることを確認できました。これは要素のスタイルであるため、他のCSSをいじっても効果がありませんでした。
画面を3000px程度の高さにリサイズすると、実際にピッカーを見ることができます。
Jiraプラグインが原因であるとは特定していません: [Unable to use reactions on IOS/Mobile - #23 by Don](https://meta.discourse.org/t/unable-to-use-reactions-on-ios-mobile/386867/23?u=tobiasudtke)
カスタムリアクションのテーマコンポーネントを使用しています: [Custom Discourse Reactions - #14 by Don](https://meta.discourse.org/t/custom-discourse-reactions/198043/14?u=tobiasudtke) これがこのような影響を与えるとは思いませんが。
残念ながら、現在管理者権限がないため、 **持っている** プラグインの完全なリストを提供することはできません。
---
### Author:  [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [2026 年 2 月 4 日午後 3:26 UTC](https://meta.discourse.org/t/reactions-picker-positioned-outside-of-viewport-on-mobile/395181/2 "2026-02-04T15:26:08Z")
> [@TobiasUdtke](#):
>
> カスタムリアクションのテーマコンポーネントを使用しています：[Custom Discourse Reactions - #14 by Don](https://meta.discourse.org/t/custom-discourse-reactions/198043/14) これがこのような影響を与えるとは思いませんが。
念のためセーフモードで試してみると役立つでしょう。
---
### Author:  [@TobiasUdtke](https://meta.discourse.org/u/TobiasUdtke)
#### Post date: [2026 年 2 月 5 日午前 1:58 UTC](https://meta.discourse.org/t/reactions-picker-positioned-outside-of-viewport-on-mobile/395181/3 "2026-02-05T01:58:52Z")
安全モードを特権なしで試せることに気づいていませんでした。
そのことを指摘された後、以下のことを確認しました。
- a) リアクションはプラグインなので、すべてのプラグインを無効にすると、役に立たない方法で問題が解消されました ^^
- b) さらに重要な点として、テーマがない場合、すべてが正常に動作します。
リアクションと相互作用するはずの唯一のテーマは
> **[GitHub - VaperinaDEV/discourse-custom-reactions](https://github.com/VaperinaDEV/discourse-custom-reactions)**
>
> Contribute to VaperinaDEV/discourse-custom-reactions development by creating an account on GitHub.
です。
リアクションは数週間前までは間違いなく正しく機能しており、そのテーマは何年も変更されていません。
最近の Discourse のアップデートと奇妙に相互作用しているか、設定のどこかに問題が発生したかのどちらかです。さらに詳しく調査してみます。
---
### Author:  [@TobiasUdtke](https://meta.discourse.org/u/TobiasUdtke)
#### Post date: [2026 年 2 月 5 日午後 2:04 UTC](https://meta.discourse.org/t/reactions-picker-positioned-outside-of-viewport-on-mobile/395181/4 "2026-02-05T14:04:54Z")
さらに調査したところ、以下のことがわかりました。
このコミットが原因で問題が発生したと推測されます。
>
特に、以下の部分が:
>
このテーマコンポーネントからの以下のスタイルと悪く相互作用しているようです。
>
開発ツールでこのCSS行を無効にしても、現在表示されているリアクションピッカーの位置は変わりませんが、次回のピッカーは正しく配置されます。
---
### Author:  [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [2026 年 2 月 5 日午後 2:12 UTC](https://meta.discourse.org/t/reactions-picker-positioned-outside-of-viewport-on-mobile/395181/5 "2026-02-05T14:12:05Z")
最善の方法は、そのテーマコンポーネントの作成者に連絡して修正を依頼することです。まだ気づいていないのかもしれません。
---
### Author:  [@TobiasUdtke](https://meta.discourse.org/u/TobiasUdtke)
#### Post date: [2026 年 2 月 5 日午後 2:12 UTC](https://meta.discourse.org/t/reactions-picker-positioned-outside-of-viewport-on-mobile/395181/6 "2026-02-05T14:12:45Z")
私はちょうどそちらでイシューを起票しました。
---
### Author:  [@TobiasUdtke](https://meta.discourse.org/u/TobiasUdtke)
#### Post date: [2026 年 2 月 5 日午後 2:45 UTC](https://meta.discourse.org/t/reactions-picker-positioned-outside-of-viewport-on-mobile/395181/7 "2026-02-05T14:45:20Z")
テーマコンポーネントが更新され、問題が解決しました。
---
### Author:  [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [2026 年 2 月 5 日午後 2:56 UTC](https://meta.discourse.org/t/reactions-picker-positioned-outside-of-viewport-on-mobile/395181/8 "2026-02-05T14:56:09Z")