Merge pull request #17 from digitalsamba/fix/cursors

fix cursor for safari browser

Author: yarmolenko-ds

packages/editor/editor.css

@@ -85,7 +85,7 @@
 	overflow: clip;
 }
 
-.tl-container.tl-old-safari {
+.tl-container.tl-safari {
     /* Cursor for old safari versions older than 17.0.0 */
     --tl-cursor-none: none;
     --tl-cursor-default: default;

packages/editor/src/lib/TldrawEditor.tsx

@@ -158,28 +158,20 @@ export const TldrawEditor = memo(function TldrawEditor({
 		tools: rest.tools ?? EMPTY_TOOLS_ARRAY,
 	}
 
-	const isOldSafari = useMemo(() => {
+	const isSafari = useMemo(() => {
 		if (typeof navigator === 'undefined') {
 			return false
 		}
 
-		const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent)
-
-		if (!isSafari) {
-			return false
-		}
-
-		const match = navigator.userAgent.match(/version\/(\d+)/i)
-
-		return match ? parseInt(match[1], 10) <= 18 : false
+		return /^((?!chrome|android).)*safari/i.test(navigator.userAgent)
 	}, [])
 
 	return (
 		<div
 			ref={rContainer}
 			draggable={false}
 			className={classNames('tl-container tl-theme__light', className, {
-				'tl-old-safari': isOldSafari,
+				'tl-safari': isSafari,
 			})}
 			onPointerDown={stopEventPropagation}
 			tabIndex={-1}