https://community.esri.com/t5/calcite-design-system-questions/how-to-update-calcite-stepper-content/m-p/1184054#M151 <P>Hi Ben. This is pretty much the same code I have in my app. It is working in the pen, but not in the app. See the screenshots. The calcite-stepper-content is not updating in my app like it does in the pen.</P><P><A href="https://codepen.io/capegreg/pen/vYdMYwv?editors=1010" target="_blank">https://codepen.io/capegreg/pen/vYdMYwv?editors=1010</A></P><P>&nbsp;</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="GregoryBologna_1-1655498149618.png" style="width: 400px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/43758i74EFE35F427108E5/image-size/medium?v=v2&amp;px=400" role="button" title="GregoryBologna_1-1655498149618.png" alt="GregoryBologna_1-1655498149618.png" /></span></P><P>&nbsp;</P><P>&nbsp;</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="GregoryBologna_0-1655498126194.png" style="width: 400px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/43757iB281CF082CBC2CDD/image-size/medium?v=v2&amp;px=400" role="button" title="GregoryBologna_0-1655498126194.png" alt="GregoryBologna_0-1655498126194.png" /></span></P><P>&nbsp;</P><P>&nbsp;</P><P>&nbsp;</P> Fri, 17 Jun 2022 20:36:46 GMT GregoryBologna 2022-06-17T20:36:46Z https://community.esri.com/t5/calcite-design-system-questions/how-to-update-calcite-stepper-content/m-p/1183945#M149 <P>I am setting the content on demand, but the content in calcite-stepper-content appears to update and then immediately becomes empty.</P><P>&lt;div class="calcite-stepper-content"&gt;&lt;/div&gt;</P><P>&nbsp;</P><P>&nbsp;</P><LI-CODE lang="javascript">function goToBufferStep(event) { let stepper = document.getElementById('pao-stepper'); if (stepper) { let target = event.currentTarget; let i = target.getAttribute('data-step'); let content = document.querySelector('.calcite-stepper-content'); if (content) { stepper.goToStep(i); stepper.nextStep() .then( updateCalciteStepperContent(`step-${i}`) ); } } } updateCalciteStepperContent function ... let content = document.querySelector('.calcite-stepper-content'); if (content) content.innerHTML = 'blah';</LI-CODE><P>&nbsp;</P><P>&nbsp;</P><P>&nbsp;</P> Fri, 17 Jun 2022 16:05:07 GMT https://community.esri.com/t5/calcite-design-system-questions/how-to-update-calcite-stepper-content/m-p/1183945#M149 GregoryBologna 2022-06-17T16:05:07Z https://community.esri.com/t5/calcite-design-system-questions/how-to-update-calcite-stepper-content/m-p/1183952#M150 <P>Hi&nbsp;<a href="https://community.esri.com/t5/user/viewprofilepage/user-id/193359">@GregoryBologna</a>, I am not able to reproduce this issue -&nbsp;<A href="https://codepen.io/benesri/pen/JjpVPzK?editors=1010" target="_blank">https://codepen.io/benesri/pen/JjpVPzK?editors=1010</A></P><P>Can you please provide a codepen that does reproduce the issue?</P> Fri, 17 Jun 2022 16:30:33 GMT https://community.esri.com/t5/calcite-design-system-questions/how-to-update-calcite-stepper-content/m-p/1183952#M150 BenElan 2022-06-17T16:30:33Z https://community.esri.com/t5/calcite-design-system-questions/how-to-update-calcite-stepper-content/m-p/1184054#M151 <P>Hi Ben. This is pretty much the same code I have in my app. It is working in the pen, but not in the app. See the screenshots. The calcite-stepper-content is not updating in my app like it does in the pen.</P><P><A href="https://codepen.io/capegreg/pen/vYdMYwv?editors=1010" target="_blank">https://codepen.io/capegreg/pen/vYdMYwv?editors=1010</A></P><P>&nbsp;</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="GregoryBologna_1-1655498149618.png" style="width: 400px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/43758i74EFE35F427108E5/image-size/medium?v=v2&amp;px=400" role="button" title="GregoryBologna_1-1655498149618.png" alt="GregoryBologna_1-1655498149618.png" /></span></P><P>&nbsp;</P><P>&nbsp;</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="GregoryBologna_0-1655498126194.png" style="width: 400px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/43757iB281CF082CBC2CDD/image-size/medium?v=v2&amp;px=400" role="button" title="GregoryBologna_0-1655498126194.png" alt="GregoryBologna_0-1655498126194.png" /></span></P><P>&nbsp;</P><P>&nbsp;</P><P>&nbsp;</P> Fri, 17 Jun 2022 20:36:46 GMT https://community.esri.com/t5/calcite-design-system-questions/how-to-update-calcite-stepper-content/m-p/1184054#M151 GregoryBologna 2022-06-17T20:36:46Z https://community.esri.com/t5/calcite-design-system-questions/how-to-update-calcite-stepper-content/m-p/1184752#M152 <P>Hmm, there must be something else going on in the app that was not ported over to the codepen. If you're able to get the codepen to reproduce the issue, I'd be happy to take a look.</P> Tue, 21 Jun 2022 17:05:42 GMT https://community.esri.com/t5/calcite-design-system-questions/how-to-update-calcite-stepper-content/m-p/1184752#M152 BenElan 2022-06-21T17:05:42Z https://community.esri.com/t5/calcite-design-system-questions/how-to-update-calcite-stepper-content/m-p/1184935#M153 <P>Great. I will let you know when it’s up. Meanwhile, I’ll accept your answer here.&nbsp;</P> Wed, 22 Jun 2022 02:16:02 GMT https://community.esri.com/t5/calcite-design-system-questions/how-to-update-calcite-stepper-content/m-p/1184935#M153 GregoryBologna 2022-06-22T02:16:02Z