diff --git a/packages/sitecore-jss-vue/src/components/PlaceholderCommon.ts b/packages/sitecore-jss-vue/src/components/PlaceholderCommon.ts index 64327fc8b9..564562a422 100644 --- a/packages/sitecore-jss-vue/src/components/PlaceholderCommon.ts +++ b/packages/sitecore-jss-vue/src/components/PlaceholderCommon.ts @@ -6,7 +6,7 @@ import { Item, RouteData, } from '@sitecore-jss/sitecore-jss/layout'; -import { HorizonEditor, resetEditorChromes } from '@sitecore-jss/sitecore-jss/utils'; +import { resetEditorChromes } from '@sitecore-jss/sitecore-jss/utils'; import { Component, h, VNode, DefineComponent, ref, onMounted } from 'vue'; import { MissingComponent } from './MissingComponent'; import { HiddenRendering, HIDDEN_RENDERING_NAME } from './HiddenRendering'; @@ -218,9 +218,10 @@ function createRawElement(elem: any) { ) { elRef.value.setAttribute('key', elem.attributes.key); - if (elRef && HorizonEditor.isActive()) { - resetEditorChromes(); - } + // Reset chromes since sometimes experience editor script is executed earlier + // than Vue script and EE can't set required attributes and chromes aren't visible + // Also required for Horizon + resetEditorChromes(); } });