diff --git a/docs/6.1-richtext-component-react.md b/docs/6.1-richtext-component-react.md index ece26671..35d14250 100644 --- a/docs/6.1-richtext-component-react.md +++ b/docs/6.1-richtext-component-react.md @@ -64,9 +64,11 @@ All element types listed below are supported by default and can be customized wi - **Code-related:** `code`, `pre`, `var`, `samp` - **Links & Interactive:** `link`, `a`, `button`, `label` - **Tables:** `table`, `thead`, `tbody`, `tfoot`, `caption`, `tr`, `th`, `td` -- **Media:** `image`, `img`, `svg`, `canvas` -- **Forms:** `input`, `select`, `option`, `textarea` -- **Other:** `br`, `wbr` + +> [!NOTE] > **SVG elements are not supported by default.** SVG requires specialized child elements (`circle`, `path`, `rect`, etc.) and attributes that would require extensive additional support. +> +> **Alternatives:** Use custom element handlers, upload SVG as image assets, or create dedicated React components. + #### Example: Custom Elements diff --git a/packages/optimizely-cms-sdk/src/components/richText/renderer.ts b/packages/optimizely-cms-sdk/src/components/richText/renderer.ts index a85da8c9..75a6c8f8 100644 --- a/packages/optimizely-cms-sdk/src/components/richText/renderer.ts +++ b/packages/optimizely-cms-sdk/src/components/richText/renderer.ts @@ -494,7 +494,6 @@ export const defaultElementTypeMap: Record< // Media (when inline) image: { tag: 'img', config: { selfClosing: true } }, img: { tag: 'img', config: { selfClosing: true } }, - svg: { tag: 'svg' }, canvas: { tag: 'canvas' }, // Form elements