htmx.config.morphSkip

Пропускает морфинг для определённых элементов

Параметр htmx.config.morphSkip — это CSS-селектор элементов, которые нужно пропустить при морфинге.

Совпадающие элементы не будут подвергаться морфингу. Они останутся без изменений.

По умолчанию: '[hx-morph-skip]'

Добавьте hx-morph-skip к любому элементу в серверных шаблонах, чтобы полностью исключить его из морфинга:

<custom-widget hx-morph-skip>...</custom-widget>

Или переопределите параметр с помощью любого CSS-селектора:

htmx.config.morphSkip = ".no-morph";

Сценарии использования

Сторонние виджеты: Сохраняйте сложные виджеты, которые управляют собственным состоянием.

Активные анимации: Пропускайте элементы с выполняющимися CSS-анимациями или анимациями JavaScript.

Состояние на стороне клиента: Защищайте элементы со сложным состоянием, которое может быть потеряно.

Несколько селекторов:

htmx.config.morphSkip = ".widget, .animated, custom-element";

Описание атрибута см. в разделе hx-morph-skip.