The snippet preview container has a width prop that gets rendered as a HTML attribute, producing invalid HTML Error: Attribute width not allowed on element div at this point.
|
<Container |
|
onMouseLeave={ this.onMouseLeave } |
|
width={ MAX_WIDTH + ( 2 * WIDTH_PADDING ) } |
|
padding={ WIDTH_PADDING } |
|
> |
This prop gets then passed down to the desktop and mobile inner components. While it's a very minor thing, it would be great to not use prop names that match HTML attributes. Renaming it to something else would be enough to fix it.

The snippet preview container has a
widthprop that gets rendered as a HTML attribute, producing invalid HTMLError: Attribute width not allowed on element div at this point.yoast-components/composites/Plugin/SnippetPreview/components/SnippetPreview.js
Lines 642 to 646 in 9019e64
This prop gets then passed down to the desktop and mobile inner components. While it's a very minor thing, it would be great to not use prop names that match HTML attributes. Renaming it to something else would be enough to fix it.