diff --git a/packages/tldraw/src/lib/shapes/arrow/components/ArrowTextLabel.tsx b/packages/tldraw/src/lib/shapes/arrow/components/ArrowTextLabel.tsx index 6e28b98bb..b7eb17e36 100644 --- a/packages/tldraw/src/lib/shapes/arrow/components/ArrowTextLabel.tsx +++ b/packages/tldraw/src/lib/shapes/arrow/components/ArrowTextLabel.tsx @@ -61,10 +61,10 @@ export const ArrowTextLabel = React.memo(function ArrowTextLabel({ className="tl-text tl-text-input" name="text" tabIndex={-1} - autoComplete="false" - autoCapitalize="false" - autoCorrect="false" - autoSave="false" + autoComplete="off" + autoCapitalize="off" + autoCorrect="off" + autoSave="off" autoFocus placeholder="" spellCheck="true" diff --git a/packages/tldraw/src/lib/shapes/shared/TextLabel.tsx b/packages/tldraw/src/lib/shapes/shared/TextLabel.tsx index f37d2dd0b..add950a8e 100644 --- a/packages/tldraw/src/lib/shapes/shared/TextLabel.tsx +++ b/packages/tldraw/src/lib/shapes/shared/TextLabel.tsx @@ -105,10 +105,10 @@ export const TextLabel = React.memo(function TextLabel< className="tl-text tl-text-input" name="text" tabIndex={-1} - autoComplete="false" - autoCapitalize="false" - autoCorrect="false" - autoSave="false" + autoComplete="off" + autoCapitalize="off" + autoCorrect="off" + autoSave="off" autoFocus placeholder="" spellCheck="true" diff --git a/packages/tldraw/src/lib/shapes/text/TextShapeUtil.tsx b/packages/tldraw/src/lib/shapes/text/TextShapeUtil.tsx index dfb51fb5c..07129bf0e 100644 --- a/packages/tldraw/src/lib/shapes/text/TextShapeUtil.tsx +++ b/packages/tldraw/src/lib/shapes/text/TextShapeUtil.tsx @@ -114,10 +114,10 @@ export class TextShapeUtil extends ShapeUtil { className="tl-text tl-text-input" name="text" tabIndex={-1} - autoComplete="false" - autoCapitalize="false" - autoCorrect="false" - autoSave="false" + autoComplete="off" + autoCapitalize="off" + autoCorrect="off" + autoSave="off" autoFocus placeholder="" spellCheck="true"