MWPW-146221 | LCP is seen high on huesat (#282)

High LCP was seen for hue-sat marquee. Resolves: MWPW-146221
adobecom · May 7, 2024 · 2418e60 · 2418e60
1 parent 1181632
commit 2418e60
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/creativecloud/blocks/interactive-metadata/interactive-metadata.css b/creativecloud/blocks/interactive-metadata/interactive-metadata.css
@@ -123,6 +123,10 @@
   z-index: 2;
 }
 
+.interactive-enabled .step-slider-tray .layer.show-layer {
+  min-height: 205px;
+}
+
 .interactive-enabled .layer .gray-button {
   position: absolute;
   box-sizing: border-box;

diff --git a/creativecloud/blocks/interactive-metadata/interactive-metadata.js b/creativecloud/blocks/interactive-metadata/interactive-metadata.js
@@ -284,20 +284,20 @@ function getWorkFlowInformation(el) {
 export default async function init(el) {
   const workflow = getWorkFlowInformation(el);
   if (!workflow.length) return;
-  const targetAsset = await getTargetArea(el);
-  if (!targetAsset) return;
   const stepInfo = {
     el,
     stepIndex: -1,
     stepName: '',
     stepList: workflow,
     stepConfigs: el.querySelectorAll(':scope > div'),
     nextStepEvent: 'cc:interactive-switch',
-    target: targetAsset,
     displayPath: 0,
     openForExecution: Promise.resolve(true),
   };
   await handleNextStep(stepInfo);
+  const targetAsset = await getTargetArea(el);
+  if (!targetAsset) return;
+  stepInfo.target = targetAsset;
   await renderLayer(stepInfo);
   if (workflow.length === 1) return;
   el.addEventListener('cc:interactive-switch', async () => {