DGNum/demarches-normaliennes
15
1
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

fix(turbo morph): make the morph morph again

Browse source
This commit is contained in:
simon lehericey 2022-10-26 11:57:53 +02:00
parent 1ebf7e2d9d
commit 4e082d6424
1 changed files with 13 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
app/javascript/shared/turbo-actions.ts
View file

@ -38,8 +38,19 @@ const enable: TurboStreamAction = function () {
};
const morph: TurboStreamAction = function () {
this.targetElements.forEach((element: Element) => {
morphdom(element, this.templateContent, {
onBeforeElUpdated(fromEl, toEl) {
let content: Element | DocumentFragment = this.templateContent;
// content.children ignores text node, the empty text nodes in particular
// so if templateContent contains an empty text node,
// we only keep the first element and happily morph it
if (content.children.length == 1) {
content = content.children[0];
}
// morphom morphes if content is an element
// swaps if content if a documentFragment
morphdom(element, content, {
onBeforeElUpdated: function (fromEl, toEl) {
if (isTouchedInput(fromEl)) {
fromEl.removeAttribute('data-touched');
mergeInputValue(fromEl as HTMLInputElement, toEl as HTMLInputElement);