diff --git a/packages/core/src/hooks/useStyle.tsx b/packages/core/src/hooks/useStyle.tsx
index 9c6d086a2..0bea1498f 100644
--- a/packages/core/src/hooks/useStyle.tsx
+++ b/packages/core/src/hooks/useStyle.tsx
@@ -130,7 +130,6 @@ const tlcss = css`
}
.tl-container * {
- user-select: none;
box-sizing: border-box;
}
diff --git a/packages/tldraw/src/shape/shapes/rectangle/rectangle.tsx b/packages/tldraw/src/shape/shapes/rectangle/rectangle.tsx
index 846bbcca1..25d23587d 100644
--- a/packages/tldraw/src/shape/shapes/rectangle/rectangle.tsx
+++ b/packages/tldraw/src/shape/shapes/rectangle/rectangle.tsx
@@ -134,7 +134,30 @@ export const Rectangle = new ShapeUtil
+ const {
+ style,
+ size: [width, height],
+ } = shape
+
+ const styles = getShapeStyle(style, false)
+ const strokeWidth = +styles.strokeWidth
+
+ const sw = strokeWidth
+
+ if (style.dash === DashStyle.Draw) {
+ return
+ }
+
+ return (
+
+ )
},
getBounds(shape) {
diff --git a/packages/tldraw/src/shape/shapes/text/text.tsx b/packages/tldraw/src/shape/shapes/text/text.tsx
index 290c763ac..6abe33a3b 100644
--- a/packages/tldraw/src/shape/shapes/text/text.tsx
+++ b/packages/tldraw/src/shape/shapes/text/text.tsx
@@ -162,6 +162,7 @@ export const Text = new ShapeUtil(() => (
style={{
font,
color: styles.stroke,
+ userSelect: isEditing ? 'all' : 'none',
}}
name="text"
defaultValue={text}