![]() The 'fake' textarea used to edit text in a sticky had a different overflow-wrap style than the component that renders the text. By forcing the display and edit components to use the same wrapping strategy, the caret from the textarea and the rendered text should remain in sync. There is a chance there are more styles which affect the wrapping of text that could still result in various mismatches, and even moreso when we consider more browsers (I tested this in Chrome alone). |
||
---|---|---|
.github | ||
.vscode | ||
.yarn/releases | ||
packages | ||
.eslintrc.js | ||
.gitignore | ||
.npmignore | ||
.yarnrc | ||
CHANGELOG.md | ||
LICENSE | ||
README.md | ||
lerna.json | ||
package.json | ||
setupTests.ts | ||
tsconfig.base.json | ||
tsconfig.json | ||
yarn.lock |
README.md
tldraw
A tiny little drawing app.
Visit tldraw.com.
Author
- steveruizok
- ...and more!
Support
To support this project (and gain access to the project while it is in development) you can sponsor the author on GitHub. Thanks!
Documentation
In progress! Check the README files in packages/core and packages/tldraw.
Examples
Local Development
The tldraw packages
To work on the packages (@tldraw/core or @tldraw/tldraw), you'll want to run the (extremely fast) dev server.
-
Download or clone the repository.
git clone https://github.com/tldraw/tldraw.git
-
Install dependencies.
yarn
-
Start the development server.
yarn start
-
Open the local site at
https://localhost:5000
.
The tldraw app
To work on the app itself (that embeds @tldraw/tldraw), run the Next.js app. This won't directly respond to changes to packages, so for concurrent package dev work be sure to use the package dev server instead. (This is being worked on.)
-
Start the development server.
yarn start:www
-
Open the local site at
https://localhost:3000
.