app/assets/javascripts/messages.js

   1 $(document).ready(function () {
   2   $(".messages-table .destroy-message").on("turbo:submit-end", function (event) {
   3     if (event.detail.success) {
   4       event.target.dataset.isDestroyed = true;
   5     }
   6   });
   7
   8   $(".messages-table tbody tr").on("turbo:before-morph-element", function (event) {
   9     if ($(event.target).find("[data-is-destroyed]").length > 0) {
  10       event.preventDefault(); // NB: prevent Turbo from morhping/removing this element
  11       $(event.target).fadeOut(800, "linear", function () {
  12         $(this).remove();
  13       });
  14     }
  15   });
  16 });