雑記: Rails 7 + Hotwire + Tailwind CSS + Flowbite で Hotwire + Flowbite の相性が悪い問題を踏む

前置き

お仕事で、Rails 7 + Hotwire + Tailwind CSS + Flowbite で UI を構成するアプリケーションを作ってみています。

本題

Hotwire (Turbo Frame)でページを書き換えた後、ブラウザでページをリロードしないと Flowbite で動かす UI が意図通りにふるまわない不具合を踏んだ。調べてみたら issue がたっていた。

github.com

今年の2月から issue がオープンされている。昨晩の時点ではメンテナからのコメントも付いていた。「修正を手伝ってくれる人〜 誰か〜 っ」てな内容。

https://github.com/themesberg/flowbite/issues/88

フロントエンド周りは自分が苦手なレイヤで どうアプローチしたかもわからず。一旦 ここで立ち止まって様子見している


追記: Hotwire を Hotwrite って間違えて書いていたので訂正