diff --git a/src/element.ts b/src/element.ts
index 2ccb1e1b..5f8c3319 100644
--- a/src/element.ts
+++ b/src/element.ts
@@ -114,6 +114,25 @@ export function handleElement(element: Element, context: Readonly<TraversalConte
 			svgContainer.setAttribute('opacity', styles.opacity)
 		}
 
+		// CSS Transforms to SVG transforms
+		if (styles.transform && styles.transform !== 'none') {
+			const htmlelement: HTMLElement = element as HTMLElement
+			const left: number = context.options.captureArea.left ? context.options.captureArea.left : 0
+			const offsetLeft: number = htmlelement.offsetLeft
+			const offsetWidth: number = htmlelement.offsetWidth
+			const centerx = left + offsetLeft + offsetWidth / 2
+
+			const top: number = context.options.captureArea.top ? context.options.captureArea.top : 0
+			const offsetTop: number = htmlelement.offsetTop
+			const offsetHeight: number = htmlelement.offsetHeight
+			const centery = top + offsetTop + offsetHeight / 2
+
+			const strtransform = `translate(${centerx} ${centery}) ${
+				styles.transform
+			} translate(${-centerx} ${-centery})`
+			svgContainer.setAttribute('transform', strtransform)
+		}
+
 		// Accessibility
 		for (const [name, value] of getAccessibilityAttributes(element, context)) {
 			svgContainer.setAttribute(name, value)
diff --git a/src/index.ts b/src/index.ts
index 70feba8f..b61afeed 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -66,6 +66,7 @@ export function elementToSVG(element: Element, options?: DomToSvgOptions): XMLDo
 		options: {
 			captureArea: options?.captureArea ?? element.getBoundingClientRect(),
 			keepLinks: options?.keepLinks !== false,
+			avoidTextSelection: options ? !!options.avoidTextSelection : false
 		},
 	})
 
diff --git a/src/inline.ts b/src/inline.ts
index 2f694ab0..3ace596c 100644
--- a/src/inline.ts
+++ b/src/inline.ts
@@ -60,6 +60,7 @@ export async function inlineResources(element: Element): Promise<void> {
 								// SVGs embedded through <img> are never interactive.
 								keepLinks: false,
 								captureArea: svgRoot.viewBox.baseVal,
+								avoidTextSelection: false
 							},
 						})
 
diff --git a/src/text.ts b/src/text.ts
index 29bbe820..a8f81334 100644
--- a/src/text.ts
+++ b/src/text.ts
@@ -55,12 +55,18 @@ export function handleTextNode(textNode: Text, context: TraversalContext): void
 			try {
 				selection.removeAllRanges()
 				selection.addRange(lineRange)
-				textSpan.textContent = selection
-					.toString()
-					// SVG does not support tabs in text. Tabs get rendered as one space character. Convert the
-					// tabs to spaces according to tab-size instead.
-					// Ideally we would keep the tab and create offset tspans.
-					.replace(/\t/g, ' '.repeat(tabSize))
+				if (context.options.avoidTextSelection) {
+					textSpan.textContent = textNode.textContent
+						? textNode.textContent.slice(lineRange.startOffset, lineRange.endOffset)
+						: textNode.textContent
+				} else {
+					textSpan.textContent = selection
+						.toString()
+						// SVG does not support tabs in text. Tabs get rendered as one space character. Convert the
+						// tabs to spaces according to tab-size instead.
+						// Ideally we would keep the tab and create offset tspans.
+						.replace(/\t/g, ' '.repeat(tabSize))
+				}
 			} finally {
 				parentElement.style.userSelect = previousUserSelect
 				selection.removeAllRanges()
diff --git a/src/traversal.ts b/src/traversal.ts
index c373fbd0..97f08c8c 100644
--- a/src/traversal.ts
+++ b/src/traversal.ts
@@ -16,6 +16,14 @@ export interface DomToSvgOptions {
 	 * @default true
 	 */
 	keepLinks?: boolean
+
+	/**
+	 * Whether to use text selection to fill tspans or use textContent (different whitespace handling).
+	 * textContent works in mobile iOS browsers
+	 *
+	 * @default false
+	 */
+	avoidTextSelection?: boolean
 }
 
 export interface TraversalContext {