Apply emitted style properties _after_ flex container specific styles. (

#219)
mussonindustrial · Jan 6, 2025 · 7a3d56e · 7a3d56e
1 parent c232621
commit 7a3d56e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/.changeset/lovely-waves-sniff.md b/.changeset/lovely-waves-sniff.md
@@ -0,0 +1,6 @@
+---
+'@embr-modules/periscope-web': patch
+'@embr-modules/periscope': patch
+---
+
+(FlexRepeater+) Apply emitted style properties _after_ flex container specific styles. Fixes Issue #218.
diff --git a/modules/periscope/web/src/components/embedding/flex-repeater.tsx b/modules/periscope/web/src/components/embedding/flex-repeater.tsx
@@ -181,13 +181,13 @@ export function FlexRepeaterComponent({
 }: ComponentProps<FlexRepeaterProps>) {
   const containerProps = emit({ classes: ['view-parent'] })
   containerProps.style = {
-    ...containerProps.style,
     display: 'flex',
     flexDirection: props.settings?.direction,
     flexWrap: props.settings?.wrap,
     justifyContent: props.settings?.justify,
     alignItems: props.settings?.alignItems,
     alignContent: props.settings?.alignContent,
+    ...containerProps.style,
   }
 
   return (