calcite-accordion issues...

[DJB]

Under the calcite-accordion tag heading I would like to put Mapping Ontario's Soils.  This is what the code looks like:

<calcite-accordion appearance="transparent" icon-position="start" scale="l" selection-mode="single">
<calcite-accordion-item heading="Mapping Ontario's Soils" style="background-color:#fff; color:#000000; border-bottom:1px solid #808080" calcite-hydrated="">
<div class="panel-body" style="background-color:#fff; color:#000000;">
<p slot="subtitle">Look back on Ontario's historic legacy soil surveys, and dig into the science behind remapping Ontario's soils.</p>
</div>
</calcite-accordion-item>
</calcite-accordion>

But unfortunately it comes out looking like this:

 The code was then automatically changed to the following:

<calcite-accordion-item heading="Mapping Ontario&quot;s Soils" style="background-color:#fff; color:#000000; border-bottom:1px solid #808080" calcite-hydrated="">

I tried to use ' but that just appears as:

 <calcite-accordion-item heading="Mapping Ontario&#39;s Soils" style="background-color:#fff; color:#000000; border-bottom:1px solid #808080" calcite-hydrated="">

The code was also then automatically updated to:

<calcite-accordion-item heading="Mapping Ontario&amp;#39;s Soils" style="background-color:#fff; color:#000000; border-bottom:1px solid #808080" calcite-hydrated="">

I also tried to use ' but ended up with the same results.

I don't understand how the software can make changes to my code when I didn't make those changes in the first place.

 Can anyone please tell me how I can get a single quote to appear properly in the item heading.

Thank you

[BrianRollison]

@DJB - this sounds like a BUG possibly connected to security sanitization rules in the application. I would expect you should be able to add an apostrophe as desired in your example. Please submit a defect through Esri Support Services.