Comments (6)
Hi @dapicester 👋
Thanks for a feedback, good idea. Are you interested in making a PR for it? If not I will take care of it. 👍
from react-textarea-autocomplete.
Hi @jukben, I justed forked the repo, let me see what I can do ...
from react-textarea-autocomplete.
Cool! 💪
You can use logic similar to this you just need to extend propTypes for Item, List, and Textarea and pass the correct props to components themselves.
I propose naming classNameList
, classNameItem
.
It would be nice if you could pass className for Loader too something like classNameLoader
? What do you think?
If you will have any question just open a PR for this and we could discuss it there.
from react-textarea-autocomplete.
I already wrote some code into my fork, not ready yet for a PR, as I haven't written any test yet, but enough to play with it with the dev playground.
But I am stuck with the bootstrap style, if I add dropdown-menu
to the list then the autocomplete is rendered but not visible. I'll come back to this later ...
from react-textarea-autocomplete.
@dapicester It will be probably something with bootstrap styles. If you figure it out, please share your solution, I could be handy for the others.
from react-textarea-autocomplete.
Hi, yes it was some bootstrap thing, so as a workaround I just copied the style I needed and adde to my CSS:
.rta__autocomplete {
z-index: 99;
}
.rta__list {
border-radius: 5px !important;
overflow: hidden;
}
.rta__entity {
padding: 3px 20px;
}
.rta__entity--selected {
background-color: #337ab7 !important;
}
You know, I prefer to avoid !important
but I had to go ahead on my tasks. I hope I can come back to this and make a PR later ...
from react-textarea-autocomplete.
Related Issues (20)
- Update react version
- Undo/Ctrl-Z function is not working as expected
- Some triggers wipe entire text HOT 2
- onScroll handler for underlying textarea does not get propagated correctly HOT 1
- Clicking on second suggestion replaces whole text HOT 6
- 👋 Beware – not actively maintained. Looking for maintainer and leader of complete rewrite. HOT 1
- TypeError: Illegal invocation HOT 1
- Update React Version HOT 2
- Does trigger support search from an array or api response? HOT 2
- TypeScript Example? HOT 1
- Suggestion-list position HOT 1
- Add support for React 18 HOT 2
- defaultValue not supported
- Remove Space After the AutoCompleted Text
- When using Key Up / Down, it doesn't show what item is selected.
- The suggestion popup is not using updated state HOT 1
- Clear Value after using onItemSelected HOT 3
- Disable autocomplete on 'enter' or 'tab'
- Is there any way to keep dropdown list not disappear when selecting an item, because I want to be able to multiple select HOT 1
- Is any way to use the regex patten to trigger
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-textarea-autocomplete.