diff --git a/packages/twenty-front-component-renderer/src/host/utils/createHtmlHostWrapper.ts b/packages/twenty-front-component-renderer/src/host/utils/createHtmlHostWrapper.ts index dd12398e249..d0b1ce5f830 100644 --- a/packages/twenty-front-component-renderer/src/host/utils/createHtmlHostWrapper.ts +++ b/packages/twenty-front-component-renderer/src/host/utils/createHtmlHostWrapper.ts @@ -166,18 +166,18 @@ const filterProps = (props: T): T => { type WrapperProps = { children?: React.ReactNode } & Record; -const FORCED_PROPS_BY_TAG: Record> = { - iframe: { sandbox: '' }, +const DEFAULT_PROPS_BY_TAG: Record> = { + iframe: { sandbox: 'allow-scripts allow-forms allow-popups' }, }; export const createHtmlHostWrapper = (htmlTag: string) => { const isVoid = VOID_ELEMENTS.has(htmlTag); - const forcedProps = FORCED_PROPS_BY_TAG[htmlTag]; + const defaultProps = DEFAULT_PROPS_BY_TAG[htmlTag]; return ({ children, ...props }: WrapperProps) => React.createElement( htmlTag, - { ...filterProps(props), ...forcedProps }, + { ...defaultProps, ...filterProps(props) }, isVoid ? undefined : children, ); };