fukayatsu/lttm-crx

絵文字選択パネルがレビュー送信モーダルの後ろに隠れてしまう

Opened this issue · 1 comments

LTTMを開発・メンテナンスしてくださりありがとうございます!
コードレビューの際によく使わせてもらっています!

表題の通りですがGitHubの1,2週間前のリリースで絵文字選択パネルがレビュー送信モーダルの後ろに隠れるようになってしまいました。

もし可能でしたら修正いただけると大変ありがたいです。(自分でも直してみようとしたのですがnpm i実行時に node-gyp のエラーが解決できずに断念してしまいました... 🙏)

image

なんとか直せないか調べていたのですが、なかなかむつかしい問題でした。
調査結果を記載しておきます。

現状のGitHubのpopupはz-indexを使用したものではなくTop Layerを使用したもので、z-indexを大きくするだけでは対応できませんでした。
Top Layer上でGitHubのpopupの上に表示させる必要がありそうで、するとPopupを表示しているライブラリを更新すれば良さそうかなと思い調べ始めました。

現状利用されているのが jquery-atwho です。
Caret.js に依存しています。At.jsをベースに実装されている様子。
At.js はメンテ終了。Tribute を使えと言っているようです。
Tributeも3年前が最後のコミットで example を見てもTop Layerを意識したものではなさそうでダメそうでした。

その他の問題

そもそもM1ではビルドが困難でした。 #86