From 847232d64b5f526f519fbe2456805a1e85464893 Mon Sep 17 00:00:00 2001
From: Jesse Mazzella <ozyx@users.noreply.github.com>
Date: Thu, 15 Feb 2024 11:22:52 -0800
Subject: [PATCH] style: ensure legacy indicators align with Vue indicators
 (#7458)

* style: ensure legacy indicators align with Vue indicators

* fix: move logic to `vueWrapHtmlElement` and use `u-contents` class
---
 src/utils/vueWrapHtmlElement.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/utils/vueWrapHtmlElement.js b/src/utils/vueWrapHtmlElement.js
index 954960d3b11..332d76cc19c 100644
--- a/src/utils/vueWrapHtmlElement.js
+++ b/src/utils/vueWrapHtmlElement.js
@@ -18,7 +18,8 @@ export default function vueWrapHtmlElement(element) {
       });
 
       // Render function returning the wrapper div
-      return () => h('div', { ref: wrapper });
+      // Use class 'u-contents' to set 'display: contents' of the parent div
+      return () => h('div', { ref: wrapper, class: 'u-contents' });
     }
   });
 }