trying to patch datawrapperswitching

UrbanInstitute · Jan 8, 2025 · 481ee54 · 481ee54
1 parent 79890cb
commit 481ee54
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,9 @@
 
 ## Next
 
+## v0.12.6
+- Patch: DatawrapperSwitching story to wrap the bottom block in `if` instead of `key`. 
+
 ## v0.12.5
 - Patch: Headline eyebrows in Drupal include a link to the Story or Data tool homepage; tweaked Headline component to do the same.
 - Fix: CSS Theme variable --color-green was #ffb748, which is a kind of yellow. Changed to match style guide.

diff --git a/src/docs/stories/DatawrapperSwitching.stories.svelte b/src/docs/stories/DatawrapperSwitching.stories.svelte
@@ -90,13 +90,13 @@
     bind:value={selectedChart}
     placeholder={null}
   />
-  {#key selectedChart}
+  {#if selectedChart}
     <DatawrapperIframe
       datawrapperId={selectedChartMetadata.value}
       title={selectedChartMetadata.label}
       ariaLabel={selectedChartMetadata.ariaLabel}
     />
-  {/key}
+  {/if}
 </Story>
 
 <Story
@@ -155,13 +155,13 @@
   <Button on:click={() => (selectedChart = "Toh1S")}>Chart #1</Button>
   <Button on:click={() => (selectedChart = "rgLU1")}>Chart #2</Button>
 
-  {#key selectedChart}
+  {#if selectedChart}
     <LoadingWrapper let:setChildLoaded let:setChildLoading>
       <DatawrapperIframe
         datawrapperId={selectedChartLoading}
         on:startrender={setChildLoading}
         on:visrendered={setChildLoaded}
       />
     </LoadingWrapper>
-  {/key}
+  {/if}
 </Story>