rochefort https://blog.hatena.ne.jp/rochefort/ rochefort's blog https://rochefort.hatenablog.com/ rails turbo stimulus RailsのTurboでAjaxで要素を追加したときにCSSアニメーションさせる方法 では、application.js に記載していましたが、これをStimulus化して利用しやすくしてみます。 やってみる stream_animations_controller.js import { Controller } from "@hotwired/stimulus" export default class extends Controller { connect() { document.addEventListener("turbo:before-stream-render", this.… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Frochefort.hatenablog.com%2Fentry%2Fturbo_animation_with_stimlus" title="RailsのTurboでAjaxで要素を削除したときにCSSアニメーションさせる方法2（Stimlus化） - rochefort&#39;s blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2023-03-28 09:00:00 rich https://rochefort.hatenablog.com/entry/turbo_animation_with_stimlus 1.0 100%