GHSA-73RG-F94J-XVHX
Vulnerability from github – Published: 2024-09-20 14:41 – Updated: 2024-09-20 22:07Impact
One longstanding feature of Plate is the ability to add custom DOM attributes to any element or leaf using the attributes property. These attributes are passed to the node component using the nodeProps prop.
Note: The attributes prop that is typically rendered alongside nodeProps is unrelated.
[{
type: 'p',
attributes: { 'data-my-attribute': 'This will be rendered on the paragraph element' },
children: [{
bold: true,
attributes: { 'data-my-attribute': 'This will be rendered on the bold leaf element' },
text: 'Bold text',
}],
}]
const ParagraphElement = ({ attributes, nodeProps, children }) => (
<p
{...attributes}
{...nodeProps} // Arbitrary DOM attributes are injected here
>
{children}
</p>
);
const BoldLeaf = ({ attributes, nodeProps, children }) => (
<strong
{...attributes}
{...nodeProps} // Arbitrary DOM attributes are injected here
>
{children}
</strong>
);
It has come to our attention that this feature can be used for malicious purposes, including cross-site scripting (XSS) and information exposure (specifically, users' IP addresses and whether or not they have opened a malicious document).
Note that the risk of information exposure via attributes is only relevant to applications in which web requests to arbitrary URLs are not ordinarily allowed. Plate editors that allow users to embed images from arbitrary URLs, for example, already carry the risk of leaking users' IP addresses to third parties.
All Plate editors using an affected version of @udecode/plate-core are vulnerable to these information exposure attacks via the style attribute and other attributes that can cause web requests to be sent.
In addition, whether or not a Plate editor is vulnerable to cross-site scripting attacks using attributes depends on a number of factors. The most likely DOM attributes to be vulnerable are href and src on links and iframes respectively. Any component that spreads {...nodeProps} onto an <a> or <iframe> element and does not later override href or src will be vulnerable to XSS.
<a
href={sanitizedHref}
{...attributes}
{...nodeProps} // Definitely vulnerable to XSS since `href` can be overridden
>
<a
{...attributes}
{...nodeProps} // Probably not vulnerable to XSS via `href`
href={sanitizedHref}
>
<a
{...attributes}
{...nodeProps} // May be vulnerable to XSS via `href` if `href` is sometimes omitted from `sanitizedLinkProps`
{...sanitizedLinkProps}
>
React does not allow passing a string to event handler props like onClick, so these are unlikely (but not impossible) to be vulnerable.
The attack surface is larger for users running older browsers, which may be vulnerable to XSS in DOM attributes that are less dangerous (although still vulnerable to information exposure) in modern browsers such as style or background.
Potential attack vectors for delivering malicious Slate content to users include:
- Opening a malicious document stored on the server
- Pasting a malicious Slate fragment into a document
- Receiving malicious Slate operations on a collaborative document
Patches
In patched versions of Plate, we have disabled element.attributes and leaf.attributes for most attribute names by default, with some exceptions including target, alt, width, height, colspan and rowspan on the link, image, video, table cell and table header cell plugins.
If this is a breaking change for you, you can selectively re-enable attributes for certain plugins as follows. Please carefully research and assess the security implications of any attribute you allow, as even seemingly innocuous attributes such as style can be used maliciously.
Plate >= 37
For custom plugins, specify the list of allowed attribute names in the node.dangerouslyAllowAttributes plugin configuration option.
const ImagePlugin = createPlatePlugin({
key: 'image',
node: {
isElement: true,
isVoid: true,
dangerouslyAllowAttributes: ['alt'],
},
});
To modify an existing plugin, use the extend method.
const MyImagePlugin = ImagePlugin.extend({
node: {
dangerouslyAllowAttributes: ['alt'],
},
});
Plate < 37
Note that the patch has been backported to versions @udecode/plate-core@21.5.1 and @udecode/plate-core@36.5.9 only.
For custom plugins, specify the list of allowed attribute names in the dangerouslyAllowAttributes plugin configuration option.
const createImagePlugin = createPluginFactory({
key: 'image',
isElement: true,
isVoid: true,
dangerouslyAllowAttributes: ['alt'],
});
To modify an existing plugin, pass dangerouslyAllowAttributes to the plugin factory.
createImagePlugin({
dangerouslyAllowAttributes: ['alt'],
});
Workarounds
If you are unable to upgrade to any of the patched versions, you should use a tool like patch-package or yarn patch to remove the logic from @udecode/plate-core that adds attributes to nodeProps.
This logic can be found in the getRenderNodeProps function and looks something like this. The entire if statment can safely be removed.
if (!newProps.nodeProps && attributes) {
newProps.nodeProps = attributes;
}
After applying the patch, be sure to test its effectiveness by rendering a Slate value containing an attributes property on some element.
[{
type: 'p',
attributes: { 'data-vulnerable': true },
children: [{ text: 'My paragraph' }],
}]
If the patch was successful, the data-vulnerable="true" attribute should not be present on any DOM element when the Plate editor is rendered in the browser.
{
"affected": [
{
"package": {
"ecosystem": "npm",
"name": "@udecode/plate-core"
},
"ranges": [
{
"events": [
{
"introduced": "37.0.0"
},
{
"fixed": "38.0.6"
}
],
"type": "ECOSYSTEM"
}
]
},
{
"package": {
"ecosystem": "npm",
"name": "@udecode/plate-core"
},
"ranges": [
{
"events": [
{
"introduced": "22.0.0"
},
{
"fixed": "36.5.9"
}
],
"type": "ECOSYSTEM"
}
]
},
{
"package": {
"ecosystem": "npm",
"name": "@udecode/plate-core"
},
"ranges": [
{
"events": [
{
"introduced": "0"
},
{
"fixed": "21.5.1"
}
],
"type": "ECOSYSTEM"
}
]
}
],
"aliases": [
"CVE-2024-47061"
],
"database_specific": {
"cwe_ids": [
"CWE-79"
],
"github_reviewed": true,
"github_reviewed_at": "2024-09-20T14:41:02Z",
"nvd_published_at": "2024-09-20T19:15:16Z",
"severity": "HIGH"
},
"details": "### Impact\nOne longstanding feature of Plate is the ability to add custom DOM attributes to any element or leaf using the `attributes` property. These attributes are passed to the node component using the `nodeProps` prop.\n\nNote: The `attributes` prop that is typically rendered alongside `nodeProps` is unrelated.\n\n```ts\n[{\n type: \u0027p\u0027,\n attributes: { \u0027data-my-attribute\u0027: \u0027This will be rendered on the paragraph element\u0027 },\n children: [{\n bold: true,\n attributes: { \u0027data-my-attribute\u0027: \u0027This will be rendered on the bold leaf element\u0027 },\n text: \u0027Bold text\u0027,\n }],\n}]\n```\n\n```tsx\nconst ParagraphElement = ({ attributes, nodeProps, children }) =\u003e (\n \u003cp\n {...attributes}\n {...nodeProps} // Arbitrary DOM attributes are injected here\n \u003e\n {children}\n \u003c/p\u003e\n);\n\nconst BoldLeaf = ({ attributes, nodeProps, children }) =\u003e (\n \u003cstrong\n {...attributes}\n {...nodeProps} // Arbitrary DOM attributes are injected here\n \u003e\n {children}\n \u003c/strong\u003e\n);\n```\n\nIt has come to our attention that this feature can be used for malicious purposes, including cross-site scripting (XSS) and information exposure (specifically, users\u0027 IP addresses and whether or not they have opened a malicious document).\n\nNote that the risk of information exposure via `attributes` is only relevant to applications in which web requests to arbitrary URLs are not ordinarily allowed. Plate editors that allow users to embed images from arbitrary URLs, for example, already carry the risk of leaking users\u0027 IP addresses to third parties.\n\nAll Plate editors using an affected version of `@udecode/plate-core` are vulnerable to these information exposure attacks via the `style` attribute and other attributes that can cause web requests to be sent. \n\nIn addition, whether or not a Plate editor is vulnerable to cross-site scripting attacks using `attributes` depends on a number of factors. The most likely DOM attributes to be vulnerable are `href` and `src` on links and iframes respectively. Any component that spreads `{...nodeProps}` onto an `\u003ca\u003e` or `\u003ciframe\u003e` element and does not later override `href` or `src` will be vulnerable to XSS.\n\n```tsx\n\u003ca\n href={sanitizedHref}\n {...attributes}\n {...nodeProps} // Definitely vulnerable to XSS since `href` can be overridden\n\u003e\n```\n\n```tsx\n\u003ca\n {...attributes}\n {...nodeProps} // Probably not vulnerable to XSS via `href`\n href={sanitizedHref}\n\u003e\n```\n\n```tsx\n\u003ca\n {...attributes}\n {...nodeProps} // May be vulnerable to XSS via `href` if `href` is sometimes omitted from `sanitizedLinkProps`\n {...sanitizedLinkProps}\n\u003e\n```\n\nReact does not allow passing a string to event handler props like `onClick`, so these are unlikely (but not impossible) to be vulnerable.\n\nThe attack surface is larger for users running older browsers, which may be vulnerable to XSS in DOM attributes that are less dangerous (although still vulnerable to information exposure) in modern browsers such as `style` or `background`.\n\nPotential attack vectors for delivering malicious Slate content to users include:\n\n- Opening a malicious document stored on the server\n- Pasting a malicious Slate fragment into a document\n- Receiving malicious Slate operations on a collaborative document\n\n### Patches\nIn patched versions of Plate, we have disabled `element.attributes` and `leaf.attributes` for most attribute names by default, with some exceptions including `target`, `alt`, `width`, `height`, `colspan` and `rowspan` on the link, image, video, table cell and table header cell plugins.\n\nIf this is a breaking change for you, you can selectively re-enable `attributes` for certain plugins as follows. Please carefully research and assess the security implications of any attribute you allow, as even seemingly innocuous attributes such as `style` can be used maliciously.\n\n#### Plate \u003e= 37\n\nFor custom plugins, specify the list of allowed attribute names in the `node.dangerouslyAllowAttributes` plugin configuration option.\n\n```ts\nconst ImagePlugin = createPlatePlugin({\n key: \u0027image\u0027,\n node: {\n isElement: true,\n isVoid: true,\n dangerouslyAllowAttributes: [\u0027alt\u0027],\n },\n});\n```\n\nTo modify an existing plugin, use the `extend` method.\n\n```ts\nconst MyImagePlugin = ImagePlugin.extend({\n node: {\n dangerouslyAllowAttributes: [\u0027alt\u0027],\n },\n});\n```\n\n#### Plate \u003c 37\n\nNote that the patch has been backported to versions `@udecode/plate-core@21.5.1` and `@udecode/plate-core@36.5.9` only.\n\nFor custom plugins, specify the list of allowed attribute names in the `dangerouslyAllowAttributes` plugin configuration option.\n\n```ts\nconst createImagePlugin = createPluginFactory({\n key: \u0027image\u0027,\n isElement: true,\n isVoid: true,\n dangerouslyAllowAttributes: [\u0027alt\u0027],\n});\n```\n\nTo modify an existing plugin, pass `dangerouslyAllowAttributes` to the plugin factory.\n\n```ts\ncreateImagePlugin({\n dangerouslyAllowAttributes: [\u0027alt\u0027],\n});\n```\n\n### Workarounds\n\nIf you are unable to upgrade to any of the patched versions, you should use a tool like [`patch-package`](https://www.npmjs.com/package/patch-package) or [`yarn patch`](https://yarnpkg.com/cli/patch) to remove the logic from `@udecode/plate-core` that adds `attributes` to `nodeProps`.\n\nThis logic can be found in the `getRenderNodeProps` function and looks something like this. The entire `if` statment can safely be removed.\n\n```ts\n if (!newProps.nodeProps \u0026\u0026 attributes) {\n newProps.nodeProps = attributes;\n }\n```\n\nAfter applying the patch, be sure to test its effectiveness by rendering a Slate value containing an `attributes` property on some element.\n\n```ts\n[{\n type: \u0027p\u0027,\n attributes: { \u0027data-vulnerable\u0027: true },\n children: [{ text: \u0027My paragraph\u0027 }],\n}]\n```\n\nIf the patch was successful, the `data-vulnerable=\"true\"` attribute should not be present on any DOM element when the Plate editor is rendered in the browser.",
"id": "GHSA-73rg-f94j-xvhx",
"modified": "2024-09-20T22:07:36Z",
"published": "2024-09-20T14:41:02Z",
"references": [
{
"type": "WEB",
"url": "https://github.com/udecode/plate/security/advisories/GHSA-73rg-f94j-xvhx"
},
{
"type": "ADVISORY",
"url": "https://nvd.nist.gov/vuln/detail/CVE-2024-47061"
},
{
"type": "WEB",
"url": "https://github.com/udecode/plate/commit/16df6074edac22d56c60e0283eae0740230401c9"
},
{
"type": "PACKAGE",
"url": "https://github.com/udecode/plate"
},
{
"type": "WEB",
"url": "https://www.npmjs.com/package/patch-package"
},
{
"type": "WEB",
"url": "https://yarnpkg.com/cli/patch"
}
],
"schema_version": "1.4.0",
"severity": [
{
"score": "CVSS:3.1/AV:N/AC:L/PR:L/UI:N/S:U/C:H/I:H/A:L",
"type": "CVSS_V3"
},
{
"score": "CVSS:4.0/AV:N/AC:L/AT:N/PR:L/UI:N/VC:H/VI:H/VA:L/SC:N/SI:N/SA:N",
"type": "CVSS_V4"
}
],
"summary": "Plate allows arbitrary DOM attributes in element.attributes and leaf.attributes"
}
Sightings
| Author | Source | Type | Date |
|---|
Nomenclature
- Seen: The vulnerability was mentioned, discussed, or observed by the user.
- Confirmed: The vulnerability has been validated from an analyst's perspective.
- Published Proof of Concept: A public proof of concept is available for this vulnerability.
- Exploited: The vulnerability was observed as exploited by the user who reported the sighting.
- Patched: The vulnerability was observed as successfully patched by the user who reported the sighting.
- Not exploited: The vulnerability was not observed as exploited by the user who reported the sighting.
- Not confirmed: The user expressed doubt about the validity of the vulnerability.
- Not patched: The vulnerability was not observed as successfully patched by the user who reported the sighting.