more user select (#1163)

packages/tldraw/src/Tldraw.tsx

@@ -639,6 +639,8 @@ const StyledLayout = styled('div', {
   overflow: 'hidden',
   boxSizing: 'border-box',
   outline: 'none',
+  userSelect: 'none',
+  WebkitUserSelect: 'none',
 
   '& .tl-container': {
     position: 'absolute',

packages/tldraw/src/components/Primitives/MenuContent/MenuContent.ts

@@ -4,6 +4,7 @@ export const MenuContent = styled('div', {
   position: 'relative',
   overflow: 'hidden',
   userSelect: 'none',
+  WebkitUserSelect: 'none',
   display: 'flex',
   flexDirection: 'column',
   zIndex: 99997,

packages/tldraw/src/components/Primitives/RowButton/RowButton.tsx

@@ -107,6 +107,7 @@ export const StyledRowButton = styled('button', {
   fontSize: '$1',
   borderRadius: 4,
   userSelect: 'none',
+  WebkitUserSelect: 'none',
   margin: 0,
   padding: '0 0',
 

packages/tldraw/src/components/Primitives/ToolButton/ToolButton.tsx

@@ -110,6 +110,7 @@ export const StyledToolButtonInner = styled('div', {
   fontFamily: '$ui',
   color: 'inherit',
   userSelect: 'none',
+  WebkitUserSelect: 'none',
   boxSizing: 'border-box',
   border: '1px solid transparent',
   '-webkit-tap-highlight-color': 'transparent',

packages/tldraw/src/components/Primitives/Tooltip/Tooltip.tsx

@@ -45,6 +45,7 @@ const StyledContent = styled(RadixTooltip.Content, {
   alignItems: 'center',
   fontFamily: '$ui',
   userSelect: 'none',
+  WebkitUserSelect: 'none',
 })
 
 const StyledArrow = styled(RadixTooltip.Arrow, {

packages/tldraw/src/components/ToolsPanel/KeyboardShortcutDialog.tsx

@@ -159,6 +159,7 @@ const StyledItem = styled('li', {
   fontSize: '$1',
   borderRadius: 4,
   userSelect: 'none',
+  WebkitUserSelect: 'none',
   margin: 0,
   padding: '0 0',
 })

packages/tldraw/src/components/ToolsPanel/StatusBar.tsx

@@ -24,6 +24,7 @@ export function StatusBar() {
 const StyledStatusBar = styled('div', {
   height: 40,
   userSelect: 'none',
+  WebkitUserSelect: 'none',
   borderTop: '1px solid $panelContrast',
   gridArea: 'status',
   display: 'flex',

packages/tldraw/src/components/TopPanel/StyleMenu/StyleMenu.tsx

@@ -369,6 +369,7 @@ export const StyledRow = styled('div', {
   padding: '$2 0 $2 $3',
   borderRadius: 4,
   userSelect: 'none',
+  WebkitUserSelect: 'none',
   margin: 0,
   display: 'flex',
   gap: '$3',

packages/tldraw/src/components/TopPanel/TopPanel.tsx

@@ -104,6 +104,7 @@ const ReadOnlyLabel = styled('div', {
   paddingLeft: '$4',
   paddingRight: '$1',
   userSelect: 'none',
+  WebkitUserSelect: 'none',
 })
 
 export const TopPanel = React.memo(_TopPanel)

packages/tldraw/src/state/shapes/shared/getTextSize.ts

@@ -24,6 +24,7 @@ function getMeasurementDiv() {
     zIndex: '9999',
     pointerEvents: 'none',
     userSelect: 'none',
+    '-webkit-user-select': 'none',
     alignmentBaseline: 'mathematical',
     dominantBaseline: 'mathematical',
   })

packages/tldraw/src/types.ts

@@ -131,7 +131,6 @@ export interface TDFile {
   name: string
   fileHandle: FileSystemFileHandle | null
   document: TDDocument
-  assets: Record<string, unknown>
 }
 
 // The shape of the Tldraw document