htmx:before:settle

Срабатывает после вставки в DOM, перед выполнением задач стабилизации

Событие htmx:before:settle срабатывает после вставки нового содержимого в DOM, но до применения CSS-переходов.

Когда срабатывает

После завершения подмены, непосредственно перед тем, как htmx запустит фазу стабилизации (которая применяет CSS-переходы и удаляет старые атрибуты).

Детали события

task — задача подмены, для которой выполняется стабилизация
newContent — массив вновь вставленных элементов
settleTasks — массив ожидающих выполнения обратных вызовов стабилизации (например, шагов CSS-переходов)

Пример

htmx.on('htmx:before:settle', (evt) => {
  console.log('About to settle', evt.detail.newContent.length, 'element(s)');
  // Modify elements before transitions run
});

Licensed under the Zero-Clause BSD License.
https://four.htmx.org/reference/events/htmx-before-settle/