htmx.config.morphSkipChildren

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

Параметр htmx.config.morphSkipChildren — это CSS-селектор элементов, дочерние элементы которых не будут подвергаться морфингу.

Сам элемент обновляется (его атрибуты изменяются). Его дочерние элементы остаются нетронутыми.

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

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

<lit-component hx-morph-skip-children value="{{value}}">...</lit-component>

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

htmx.config.morphSkipChildren = "my-component";

Примеры использования

Пользовательские веб-компоненты: обновляйте атрибуты компонента, сохраняя управляемые дочерние элементы.

DOM, управляемый на стороне клиента: позволяйте JavaScript-фреймворкам управлять собственными деревьями DOM.

Несколько компонентов:

htmx.config.morphSkipChildren = "my-component, other-component, .skip-kids";

Отличие от morphSkip

morphSkip: замораживает весь элемент (никаких изменений)
morphSkipChildren: обновляет атрибуты элемента, замораживая только дочерние элементы

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

Licensed under the Zero-Clause BSD License.
https://four.htmx.org/reference/config/htmx-config-morphSkipChildren/