From: 被雨水过滤的空气(Rairn) <958414905@qq.com>
Date: Thu, 10 Nov 2022 10:03:10 +0000 (+0800)
Subject: fix(runtime-core): fix move/removal of static fragments containing text nodes (#6858)
X-Git-Tag: v3.2.45~13
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=4049ffcf29dc12dca71f682edf0b422a5c502e23;p=thirdparty%2Fvuejs%2Fcore.git

fix(runtime-core): fix move/removal of static fragments containing text nodes (#6858)

fix #6852
---

diff --git a/packages/runtime-core/__tests__/rendererFragment.spec.ts b/packages/runtime-core/__tests__/rendererFragment.spec.ts
index 93140f13f4..1de73ef632 100644
--- a/packages/runtime-core/__tests__/rendererFragment.spec.ts
+++ b/packages/runtime-core/__tests__/rendererFragment.spec.ts
@@ -315,4 +315,40 @@ describe('renderer: fragment', () => {
       `<!--comment--><span></span><div>two</div><!--comment--><span></span><div>one</div>`
     )
   })
+
+  // #6852
+  test('`template` keyed fragment w/ text', () => {
+    const root = nodeOps.createElement('div')
+
+    const renderFn = (items: string[]) => {
+      return (
+        openBlock(true),
+        createBlock(
+          Fragment,
+          null,
+          renderList(items, item => {
+            return (
+              openBlock(),
+              createBlock(
+                Fragment,
+                { key: item },
+                [
+                  createTextVNode('text'),
+                  createVNode('div', null, item, PatchFlags.TEXT)
+                ],
+                PatchFlags.STABLE_FRAGMENT
+              )
+            )
+          }),
+          PatchFlags.KEYED_FRAGMENT
+        )
+      )
+    }
+
+    render(renderFn(['one', 'two']), root)
+    expect(serializeInner(root)).toBe(`text<div>one</div>text<div>two</div>`)
+
+    render(renderFn(['two', 'one']), root)
+    expect(serializeInner(root)).toBe(`text<div>two</div>text<div>one</div>`)
+  })
 })
diff --git a/packages/runtime-core/src/renderer.ts b/packages/runtime-core/src/renderer.ts
index c043492e1d..4a6d8993a4 100644
--- a/packages/runtime-core/src/renderer.ts
+++ b/packages/runtime-core/src/renderer.ts
@@ -2386,6 +2386,10 @@ export function traverseStaticChildren(n1: VNode, n2: VNode, shallow = false) {
         }
         if (!shallow) traverseStaticChildren(c1, c2)
       }
+      // #6852 also inherit for text nodes
+      if (c2.type === Text) {
+        c2.el = c1.el
+      }
       // also inherit for comment nodes, but not placeholders (e.g. v-if which
       // would have received .el during block patch)
       if (__DEV__ && c2.type === Comment && !c2.el) {