Animate when boosting (puffing up)

app/javascript/controllers/animation_controller.js

@@ -0,0 +1,17 @@
+import { Controller } from "@hotwired/stimulus"
+import { nextFrame } from "helpers/timing_helpers"
+
+export default class extends Controller {
+  static classes = [ "play" ]
+
+  async play() {
+    await nextFrame()
+    this.element.classList.remove(this.playClass)
+    this.#forceReflow()
+    this.element.classList.add(this.playClass)
+  }
+
+  #forceReflow() {
+    this.element.offsetWidth
+  }
+}