Set svg height and width properties.

James Collier · James Collier · commit f6e74de3fcea · 2023-07-24T11:41:05.000+02:00
If these properties are not set, then under some conditions browsers
will render the svg with zero height and width.
diff --git a/src/index.tsx b/src/index.tsx
@@ -451,6 +451,8 @@ export const Molecule: React.FC<MoleculeProps> = (props: MoleculeProps) => {
     <svg
       xmlns="http://www.w3.org/2000/svg"
       viewBox={`0 0 ${width} ${height}`}
+      width={props.width || 100}
+      height={props.height || 100}
       style={{ pointerEvents: "none" }}
     >
       <g

Original file line number	Diff line number	Diff line change
`@@ -451,6 +451,8 @@ export const Molecule: React.FC<MoleculeProps> = (props: MoleculeProps) => {`
`451`	`451`	`<svg`
`452`	`452`	`xmlns="http://www.w3.org/2000/svg"`
`453`	`453`	viewBox={`0 0 ${width} ${height}`}
	`454`	`+ width={props.width \|\| 100}`
	`455`	`+ height={props.height \|\| 100}`
`454`	`456`	`style={{ pointerEvents: "none" }}`
`455`	`457`	`>`
`456`	`458`	`<g`