fix(theme): stop language resolution propagation and demo using local…

… languages
adobe · Mar 29, 2023 · 6b81391 · 6b81391
1 parent e878d2e
commit 6b81391
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 0 deletions.
diff --git a/packages/number-field/stories/number-field.stories.ts b/packages/number-field/stories/number-field.stories.ts
@@ -255,6 +255,31 @@ decimals.args = {
     value: 19.274,
 };
 
+export const germanDecimals = (args: StoryArgs): TemplateResult => {
+    return html`
+        <sp-field-label for="decimals">
+            Enter a number with visible decimals
+        </sp-field-label>
+        <sp-theme lang="de">
+            <sp-number-field
+                id="decimals"
+                style="width: 200px"
+                ...=${spreadProps(args)}
+                @change=${args.onChange}
+                .formatOptions=${{
+                    signDisplay: 'exceptZero',
+                    minimumFractionDigits: 1,
+                    maximumFractionDigits: 2,
+                } as unknown as Intl.NumberFormatOptions}
+            ></sp-number-field>
+        </sp-theme>
+    `;
+};
+
+germanDecimals.args = {
+    value: 19.274,
+};
+
 export const percents = (args: StoryArgs = {}): TemplateResult => {
     return html`
         <sp-field-label for="percents">Enter a percentage</sp-field-label>

diff --git a/tools/theme/src/Theme.ts b/tools/theme/src/Theme.ts
@@ -523,6 +523,7 @@ export class Theme extends HTMLElement implements ThemeKindProvider {
     }
 
     private _handleContextPresence(event: CustomEvent<ProvideLang>): void {
+        event.stopPropagation();
         const target = event.composedPath()[0] as HTMLElement;
         if (this._contextConsumers.has(target)) {
             return;