diff --git a/.changeset/lovely-waves-sniff.md b/.changeset/lovely-waves-sniff.md new file mode 100644 index 00000000..25ad6a4a --- /dev/null +++ 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 index 551cea6a..ab85bcb9 100644 --- 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) { 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 (