How to update calcite-stepper-content

GregoryBologna

I am setting the content on demand, but the content in calcite-stepper-content appears to update and then immediately becomes empty.

<div class="calcite-stepper-content"></div>

 

 

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';

 

 

 

BenElan

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.