Fix closeable plain text handling (#2918)

Author: nightcityblade

packages/vue-components/src/__tests__/Closeable.spec.js

@@ -0,0 +1,12 @@
+import closeable from '../directives/Closeable';
+
+describe('Closeable directive', () => {
+  test('preserves plain text content', () => {
+    const element = document.createElement('div');
+    element.textContent = 'Plain text';
+
+    closeable.mounted(element);
+
+    expect(element.querySelector('.content').textContent).toBe('Plain text');
+  });
+});

packages/vue-components/src/directives/Closeable.js

@@ -51,7 +51,7 @@ module.exports = {
 
     const content = document.createElement('div');
     content.classList.add('content');
-    Array.from(el.children).forEach(child => content.append(child));
+    Array.from(el.childNodes).forEach(child => content.append(child));
     el.replaceChildren();
     el.append(content);
     el.classList.add('closeable-wrapper');