A handy package to get the bounds of the current text selection in a textarea element
npm install textarea-selection-bounds




top & left are the coordinates of the top-left corner of the selection. They are relative to the window (fixed). width & height are the dimensions of the selection.
position of the element to fixed and use the top and left values from the bounds object.
console
pnpm i textarea-selection-bounds
// or
yarn add textarea-selection-bounds
// or
npm i textarea-selection-bounds
`
Usage Example š
`typescript
import { TextareaSelectionBounds } from "./textarea-selection-bounds";
`
`typescript
const textArea = document.querySelector('textarea');
if (textArea) {
const bounds = new TextareaSelectionBounds(textArea);
console.log(bounds.getBounds());
}
`
Contributing š§š»āš»
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
Don't forget to give the project a star! Thanks again!
1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request
License š
Distributed under the MIT License. See LICENSE.txt` for more information.