diff --git a/change/@fluentui-contrib-houdini-utils-86e06910-e1e9-4dbc-ba21-b984551a5a04.json b/change/@fluentui-contrib-houdini-utils-86e06910-e1e9-4dbc-ba21-b984551a5a04.json new file mode 100644 index 00000000..59a5ec54 --- /dev/null +++ b/change/@fluentui-contrib-houdini-utils-86e06910-e1e9-4dbc-ba21-b984551a5a04.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix: Give fallback wrapper a different id.", + "packageName": "@fluentui-contrib/houdini-utils", + "email": "owcampbe@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/houdini-utils/src/paint/fallback/fallbackPaintAnimation.ts b/packages/houdini-utils/src/paint/fallback/fallbackPaintAnimation.ts index 38cd53be..6629305d 100644 --- a/packages/houdini-utils/src/paint/fallback/fallbackPaintAnimation.ts +++ b/packages/houdini-utils/src/paint/fallback/fallbackPaintAnimation.ts @@ -51,7 +51,8 @@ export const fallbackPaintAnimation = ( // Create a wrapper for us to store these elements in so we avoid // thrashing the DOM with appends. if (!state.wrapper) { - state.wrapper = appendWrapper(state.id, targetDocument.body); + const wrapperId = `houdini-fallback-wrapper-${flairFallbackId}`; + state.wrapper = appendWrapper(wrapperId, targetDocument.body); } if (hasMozElement(targetWindow)) {