{"id":14384437,"url":"https://github.com/webscopeio/react-textarea-autocomplete","last_synced_at":"2026-02-20T05:04:14.239Z","repository":{"id":45356567,"uuid":"94480675","full_name":"webscopeio/react-textarea-autocomplete","owner":"webscopeio","description":"📝 React component implements configurable GitHub's like textarea autocomplete. ","archived":false,"fork":false,"pushed_at":"2022-10-14T14:30:45.000Z","size":1094,"stargazers_count":460,"open_issues_count":25,"forks_count":79,"subscribers_count":12,"default_branch":"master","last_synced_at":"2025-10-22T07:45:30.517Z","etag":null,"topics":["autocomplete","react","textarea"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/webscopeio.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"github":null,"patreon":null,"open_collective":null,"ko_fi":"jukben","tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":null}},"created_at":"2017-06-15T21:35:30.000Z","updated_at":"2025-09-29T08:09:30.000Z","dependencies_parsed_at":"2022-08-31T04:53:04.760Z","dependency_job_id":null,"html_url":"https://github.com/webscopeio/react-textarea-autocomplete","commit_stats":null,"previous_names":[],"tags_count":74,"template":false,"template_full_name":null,"purl":"pkg:github/webscopeio/react-textarea-autocomplete","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webscopeio%2Freact-textarea-autocomplete","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webscopeio%2Freact-textarea-autocomplete/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webscopeio%2Freact-textarea-autocomplete/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webscopeio%2Freact-textarea-autocomplete/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/webscopeio","download_url":"https://codeload.github.com/webscopeio/react-textarea-autocomplete/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webscopeio%2Freact-textarea-autocomplete/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29641931,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-20T03:21:14.183Z","status":"ssl_error","status_checked_at":"2026-02-20T03:18:24.455Z","response_time":59,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["autocomplete","react","textarea"],"created_at":"2024-08-28T18:01:23.182Z","updated_at":"2026-02-20T05:04:14.210Z","avatar_url":"https://github.com/webscopeio.png","language":"JavaScript","funding_links":["https://ko-fi.com/jukben","https://ko-fi.com/H2H1ZPDQ"],"categories":["JavaScript"],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\u003ch1\u003ereact-textarea-autocomplete 📝\u003c/h1\u003e\nEnhanced textarea to achieve autocomplete functionality.\n\u003cbr\u003e\u003cbr\u003e\n\n[![MIT License][license-badge]][license]\n[![PRs Welcome][prs-badge]](#Development)\n[![All Contributors](https://img.shields.io/badge/all_contributors-21-orange.svg?style=flat-square)](#contributors)\n[![npm](https://img.shields.io/npm/dw/@webscopeio/react-textarea-autocomplete.svg?style=flat-square)](https://www.npmjs.com/package/@webscopeio/react-textarea-autocomplete)\n\n\u003chr\u003e\n\n\u003c/div\u003e\n\u003cdiv align=\"center\"\u003e\n\u003cimg src=\"https://i.imgur.com/sE0n6es.gif\" align=\"center\" width=\"500\"\u003e\n\u003cbr\u003e\n\u003c/div\u003e\n\u003cbr\u003e\n\nThis package provides React Component to achieve GitHub's like functionality in comments regarding the textarea autocomplete. It can be used for example for emoji autocomplete or for @mentions. The render function (for displaying text enhanced by this textarea) is beyond the scope of this package and it should be solved separately.\n\n## Browsers support\n\n| [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png\" alt=\"IE / Edge\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eIE / Edge | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eFirefox | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eChrome | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eSafari | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari-ios/safari-ios_48x48.png\" alt=\"iOS Safari\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eiOS Safari | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/samsung-internet/samsung-internet_48x48.png\" alt=\"Samsung\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eSamsung | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png\" alt=\"Opera\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eOpera |\n| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| IE11, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions |\n\n## Installation\n\nThis module is distributed via [npm][npm] and should be installed as one of your project's `dependencies`:\n\n```\nyarn add @webscopeio/react-textarea-autocomplete\n```\n\nor there is UMD build available. [Check out this pen as example](https://codepen.io/jukben/pen/bYZqvR).\n\n\u003e This package also depends on `react` and `prop-types`. Please make sure you have\n\u003e those installed as well.\n\n## Props\n\n\u003e _☝️ Note: Every other props than the mentioned below will be propagated to the textarea itself_\n\n| Props | Type | Description |\n| :--------------------- | :-------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **trigger\\*** | Object: Trigger type | Define triggers and their corresponding behavior |\n| **loadingComponent\\*** | React Component | Gets `data` props which is already fetched (and displayed) suggestion |\n| innerRef | Function: (HTMLTextAreaElement) =\u003e void) | Allows you to get React ref of the underlying textarea |\n| scrollToItem | boolean \\| (container: HTMLDivElement, item: HTMLDivElement) =\u003e void) | Defaults to true. With default implementation it will scroll the dropdown every time when the item gets out of the view. |\n| minChar | Number | Number of characters that user should type for trigger a suggestion. Defaults to 1. |\n| onCaretPositionChange | Function: (number) =\u003e void | Listener called every time the textarea's caret position is changed. The listener is called with one attribute - caret position denoted by an integer number. |\n| movePopupAsYouType | boolean | When it's true the textarea will move along with a caret as a user continues to type. Defaults to false. |\n| boundariesElement | string \\| HTMLElement | Element which should prevent autocomplete to overflow. Defaults to _body_. |\n| textAreaComponent | React.Component \\| {component: React.Component, ref: string} | What component use for as textarea. Default is `textarea`. (You can combine this with [react-autosize-textarea](https://github.com/buildo/react-autosize-textarea) for instance) |\n| renderToBody | boolean | When set to `true` the autocomplete will be rendered at the end of the `\u003cbody\u003e`. Default is `false`. |\n| onItemHighlighted | ({currentTrigger: string \\| null, item: string \\| Object \\| null}) =\u003e void | Callback get called everytime item is highlighted in the list |\n| onItemSelected | ({currentTrigger: string, item: string \\| Object}) =\u003e void | Callback get called everytime item is selected |\n| style | Style Object | Style's of textarea |\n| listStyle | Style Object | Styles of list's wrapper |\n| itemStyle | Style Object | Styles of item's wrapper |\n| loaderStyle | Style Object | Styles of loader's wrapper |\n| containerStyle | Style Object | Styles of textarea's container |\n| dropdownStyle | Style Object | Styles of dropdown's wrapper |\n| className | string | ClassNames of the textarea |\n| containerClassName | string | ClassNames of the textarea's container |\n| listClassName | string | ClassNames of list's wrapper |\n| itemClassName | string | ClassNames of item's wrapper |\n| loaderClassName | string | ClassNames of loader's wrapper |\n| dropdownClassName | string | ClassNames of dropdown's wrapper |\n\n\\*_are mandatory_\n\n## Methods\n\nThe methods below can be called on the React component's ref (see: [React Docs](https://reactjs.org/docs/refs-and-the-dom.html))\n\n| Methods | Description |\n| :--------------------------------------------------------------------- | :------------------------------------------------------------------ |\n| getCaretPosition() : number | Gets the current caret position in the textarea |\n| setCaretPosition(position : number) : void | Sets the caret position to the integer value passed as the argument |\n| getSelectionPosition(): {selectionStart: number, selectionEnd: number} | Returns selectionStart and selectionEnd of the textarea |\n| getSelectedText(): ?string | Returns currently selected word |\n\nExample:\n\n```javascript\nimport React, { Component } from \"react\";\nimport ReactTextareaAutocomplete from \"@webscopeio/react-textarea-autocomplete\";\n\nclass App extends Component {\n onCaretPositionChange = (position) =\u003e {\n console.log(`Caret position is equal to ${position}`);\n }\n\n resetCaretPosition = () =\u003e {\n this.rta.setCaretPosition(0);\n }\n\n printCurrentCaretPosition = () =\u003e {\n const caretPosition = this.rta.getCaretPosition();\n console.log(`Caret position is equal to ${caretPosition}`);\n }\n\n render() {\n return (\n \u003cdiv className=\"app\"\u003e\n \u003cdiv className=\"controls\"\u003e\n \u003cbutton onClick={this.resetCaretPosition}\u003eReset caret position\u003c/button\u003e\n \u003cbutton onClick={this.printCurrentCaretPosition}\u003ePrint current caret position to the console\u003c/button\u003e\n \u003c/div\u003e\n \u003cReactTextareaAutocomplete\n className=\"my-textarea\"\n loadingComponent={() =\u003e \u003cspan\u003eLoading\u003c/span\u003e}\n trigger={{ ... }}\n ref={(rta) =\u003e { this.rta = rta; } }\n onCaretPositionChange={this.onCaretPositionChange}\n /\u003e\n \u003c/div\u003e\n );\n }\n}\n\nexport default App;\n```\n\n### Trigger type\n\n```javascript\n{\n [triggerChar: string]: {|\n output?: (\n item: Object | string,\n trigger?: string\n ) =\u003e\n | {|\n key?: ?string,\n text: string,\n caretPosition: \"start\" | \"end\" | \"next\" | number\n |}\n | string | null,\n dataProvider: (\n token: string\n ) =\u003e Promise\u003cArray\u003cObject | string\u003e\u003e | Array\u003cObject | string\u003e,\n allowWhitespace?: boolean,\n afterWhitespace?: boolean,\n component: ReactClass\u003c*\u003e\n |},\n}\n```\n\n- **dataProvider** is called after each keystroke to get data what the suggestion list should display (array or promise resolving array)\n- **component** is the component for render the item in suggestion list. It has `selected` and `entity` props provided by React Textarea Autocomplete\n- **allowWhitespace** (Optional; defaults to false) Set this to true if you want to provide autocomplete for words (tokens) containing whitespace\n- **afterWhitespace** (Optional; defaults to false) Show autocomplete only if it's preceded by whitespace. Cannot be combined with _allowWhitespace_\n- **output** (Optional for string based item. If the item is an object this method is _required_) This function defines text which will be placed into textarea after the user makes a selection.\n\n You can also specify the behavior of caret if you return object `{text: \"item\", caretPosition: \"start\"}` the caret will be before the word once the user confirms his selection. Other possible value are \"next\", \"end\" and number, which is absolute number in contex of textarea (0 is equal position before the first char). Defaults to \"next\" which is space after the injected word.\n\n The default behavior for string based item is a string: `\u003cTRIGGER\u003e\u003cITEM\u003e\u003cTRIGGER\u003e`). This method should **always** return a unique string, otherwise, you have to use object notation and specify your own `key` or return object from `dataProvider` with `key` property.\n\n In order to skip the text replace phase let's return `null`.\n\n## [Example of usage](https://1401-94480675-gh.circle-artifacts.com/0/example/index.html)\n\n`create-react-app example \u0026\u0026 cd example \u0026\u0026 yarn add @jukben/emoji-search @webscopeio/react-textarea-autocomplete`\n\n\u003e There is also UMD build available, [check this CodePen for a proof](https://codepen.io/jukben/pen/bYZqvR).💪\n\n### App.js\n\n```javascript\nimport React, { Component } from \"react\";\nimport ReactTextareaAutocomplete from \"@webscopeio/react-textarea-autocomplete\";\nimport emoji from \"@jukben/emoji-search\";\n\nimport logo from \"./logo.svg\";\nimport \"./App.css\";\nimport \"@webscopeio/react-textarea-autocomplete/style.css\";\n\nconst Item = ({ entity: { name, char } }) =\u003e \u003cdiv\u003e{`${name}: ${char}`}\u003c/div\u003e;\nconst Loading = ({ data }) =\u003e \u003cdiv\u003eLoading\u003c/div\u003e;\n\nclass App extends Component {\n render() {\n return (\n \u003cdiv className=\"App\"\u003e\n \u003cdiv className=\"App-header\"\u003e\n \u003cimg src={logo} className=\"App-logo\" alt=\"logo\" /\u003e\n \u003ch2\u003eWelcome to React\u003c/h2\u003e\n \u003c/div\u003e\n\n \u003cReactTextareaAutocomplete\n className=\"my-textarea\"\n loadingComponent={Loading}\n style={{\n fontSize: \"18px\",\n lineHeight: \"20px\",\n padding: 5\n }}\n ref={rta =\u003e {\n this.rta = rta;\n }}\n innerRef={textarea =\u003e {\n this.textarea = textarea;\n }}\n containerStyle={{\n marginTop: 20,\n width: 400,\n height: 100,\n margin: \"20px auto\"\n }}\n minChar={0}\n trigger={{\n \":\": {\n dataProvider: token =\u003e {\n return emoji(token)\n .slice(0, 10)\n .map(({ name, char }) =\u003e ({ name, char }));\n },\n component: Item,\n output: (item, trigger) =\u003e item.char\n }\n }}\n /\u003e\n \u003c/div\u003e\n );\n }\n}\n\nexport default App;\n```\n\n## Development\n\nRun `yarn` to fetch dependencies.\n\nRun `yarn lint` check [ESlint][eslint] check (`yarn lint:fix` for quick fix)\n\nRun `yarn flow` for flow check\n\nRun `yarn test` to run unit-tests powered by [Jest][jest]\n\n### Dev playground (recommended)\n\nRun `yarn dev` and open http://localhost:8080 for the playground\n\nRun `yarn cypress:open` for open [Cypress][cypress] for E2E testing\n\n### Build and link\n\nRun `yarn build` and `yarn link` then in your project folder (_you have to use the same version of React e.g 15.6.1_) `yarn link react-textarea-autocomplete` to link together.\n\nYour PR's are welcomed! ❤️\n\n## Contributors\n\n| Maintainer |\n| :--------------------------------------------------------------------------------------------------------------------------------------: |\n| [\u003cimg src=\"https://avatars3.githubusercontent.com/u/8135252?v=4\" width=\"100px;\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eJakub Beneš\u003c/b\u003e\u003c/sub\u003e](https://jukben.cz) |\n\nCurrently, I'm the only maintainer of this project. All related work I'm doing for is in my free time. If you like what I'm doing consider buy me a ☕. I'd appreciated! ❤️\n\n[![ko-fi](https://www.ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/H2H1ZPDQ)\n\nAlso, I'd love to thank these wonderful people for their contribution ([emoji key](https://github.com/kentcdodds/all-contribution)). You rock! 💪\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --\u003e\n\u003c!-- prettier-ignore-start --\u003e\n\u003c!-- markdownlint-disable --\u003e\n\u003ctable\u003e\n \u003ctr\u003e\n \u003ctd align=\"center\"\u003e\u003ca href=\"https://jukben.cz\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/8135252?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eJakub Beneš\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/commits?author=jukben\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/commits?author=jukben\" title=\"Documentation\"\u003e📖\u003c/a\u003e \u003ca href=\"#design-jukben\" title=\"Design\"\u003e🎨\u003c/a\u003e \u003ca href=\"#ideas-jukben\" title=\"Ideas, Planning, \u0026 Feedback\"\u003e🤔\u003c/a\u003e\u003c/td\u003e\n \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/JokerNN\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/3114719?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAndrey Taktaev\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/commits?author=JokerNN\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/marcinlichwala\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/10706203?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eMarcin Lichwała\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/commits?author=marcinlichwala\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/commits?author=marcinlichwala\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/davidsonsns\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/9276511?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eDavidson Nascimento\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/commits?author=davidsonsns\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n \u003ctd align=\"center\"\u003e\u003ca href=\"http://www.effectivediscussions.org/\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/7477359?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eKajMagnus\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/issues?q=author%3Akajmagnus\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e \u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/commits?author=kajmagnus\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n \u003ctd align=\"center\"\u003e\u003ca href=\"https://twitter.com/janvorcak\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/1083817?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eJán Vorčák\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/issues?q=author%3Ajvorcak\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e \u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/commits?author=jvorcak\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/Andarist\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/9800850?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eMateusz Burzyński\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/commits?author=Andarist\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"#platform-Andarist\" title=\"Packaging/porting to new platform\"\u003e📦\u003c/a\u003e\u003c/td\u003e\n \u003c/tr\u003e\n \u003ctr\u003e\n \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/debugpai2\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/35139777?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eDeepak Pai\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/issues?q=author%3Adebugpai2\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e \u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/commits?author=debugpai2\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n \u003ctd align=\"center\"\u003e\u003ca href=\"http://aleck.me\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/2336595?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAleck Landgraf\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/commits?author=alecklandgraf\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/oklas\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/8123356?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eSerguei Okladnikov\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/issues?q=author%3Aoklas\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e \u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/commits?author=oklas\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/michauzo\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/2987177?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eMichal Zochowski\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/issues?q=author%3Amichauzo\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e \u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/commits?author=michauzo\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/isachivka\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/1263650?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eIgor Sachivka\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/issues?q=author%3Aisachivka\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e \u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/commits?author=isachivka\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/superandrew213\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/13059204?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAndrew Shini\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/issues?q=author%3Asuperandrew213\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e \u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/commits?author=superandrew213\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n \u003ctd align=\"center\"\u003e\u003ca href=\"https://paperboat.io\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/3250906?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eRikesh Ramlochund\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/issues?q=author%3Arrikesh\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e \u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/commits?author=rrikesh\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n \u003c/tr\u003e\n \u003ctr\u003e\n \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/diogeneshamilton\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/983876?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eMatthew Hamilton\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/issues?q=author%3Adiogeneshamilton\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e\u003c/td\u003e\n \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/O4epegb\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/12836237?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eDanila\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/issues?q=author%3AO4epegb\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e \u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/commits?author=O4epegb\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n \u003ctd align=\"center\"\u003e\u003ca href=\"http://sites.google.com/site/sdistefano/\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/600021?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eSilvio Di Stefano\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/commits?author=sdistefano\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/JelteF\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/1162278?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eJelte Fennema\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/issues?q=author%3AJelteF\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e \u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/commits?author=JelteF\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n \u003ctd align=\"center\"\u003e\u003ca href=\"http://andypearson.co\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/857?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAndy Pearson\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/issues?q=author%3Aandypearson\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e \u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/commits?author=andypearson\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/kinke\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/1889215?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eMartin Kinkelin\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/issues?q=author%3Akinke\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e \u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/commits?author=kinke\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/Psyphant\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/364954?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eChristopher Tempel\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/issues?q=author%3APsyphant\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e \u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/commits?author=Psyphant\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n \u003c/tr\u003e\n \u003ctr\u003e\n \u003ctd align=\"center\"\u003e\u003ca href=\"http://www.louisbourque.ca/\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/1115170?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eLouis Bourque\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/issues?q=author%3Alouisbourque\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e \u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/commits?author=louisbourque\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n \u003ctd align=\"center\"\u003e\u003ca href=\"https://sambolduc.com/\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/4836669?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eSamuel Bolduc\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/commits?author=SamuelBolduc\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/anukul\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/44864521?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAnukul Sangwan\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/commits?author=anukul\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/Hisham-Pak\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/45965466?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eHisham Mahmood\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/commits?author=Hisham-Pak\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n \u003ctd align=\"center\"\u003e\u003ca href=\"https://lukaszmn.github.io/\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/9399633?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eŁukasz Nojek\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/commits?author=lukaszmn\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/twrichards\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/19289579?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eTom Richards\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/commits?author=twrichards\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/jakejakeho-seekers\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/34710113?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eJake Ho\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/commits?author=jakejakeho-seekers\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n \u003c/tr\u003e\n \u003ctr\u003e\n \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/jwtong\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/11378491?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003ejwtong\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/webscopeio/react-textarea-autocomplete/issues?q=author%3Ajwtong\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e\u003c/td\u003e\n \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003c!-- markdownlint-enable --\u003e\n\u003c!-- prettier-ignore-end --\u003e\n\u003c!-- ALL-CONTRIBUTORS-LIST:END --\u003e\n\nThis project follows the [all-contributors](https://github.com/kentcdodds/all-contributors) specification. Contributions of any kind welcome!\n\n## License\n\n\u003cimg src=\"https://media.giphy.com/media/AuIvUrZpzBl04/giphy.gif\" width=\"500\"\u003e\n\nMIT\n\n[npm]: https://www.npmjs.com/\n[eslint]: https://eslint.org/\n[jest]: https://facebook.github.io/jest/\n[cypress]: https://www.cypress.io/\n[license-badge]: https://img.shields.io/npm/l/react-autocompletely.svg?style=flat-square\n[license]: https://github.com/paypal/react-autocompletely/blob/master/LICENSE\n[prs-badge]: https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square\n[prs]: http://makeapullrequest.com\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebscopeio%2Freact-textarea-autocomplete","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwebscopeio%2Freact-textarea-autocomplete","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebscopeio%2Freact-textarea-autocomplete/lists"}