tailwindcss-stimulus-componentsのモーダルの挙動について

Question

実現したいこと

tailwindcss-stimulus-componentsを利用してmodalを作成する。

発生している問題・エラーメッセージ

modalを開くときに、bodyタグにfixed, inset-x-0, overflow-hiddenが追加される仕様のようだが、それらが追加されることで背景(元々出していた画面)が左側に寄せられる形でずれてしまう。

該当のソースコード

https://github.com/excid3/tailwindcss-stimulus-components/blob/master/src/modal.js#L54

補足情報（FW/ツールのバージョンなど）

• rails7
• tailwindcss-stimulus-components
• importmap-rails

Answer 1

自己解決しましたので閉じます