Comments (6)
@leMaik thank you 👍 I wish today I will have free time to contribute 😅
from material-ui-chip-input.
Nice workaround! I'm not sure if this should be added to the component as it is, though.
There is a prop newChipKeyCodes
that specifies key codes that "break" chips while typing (only 13
by default). If you could automatically determine the corresponding characters and split by those characters, I'd love to see a PR from you! 👍
from material-ui-chip-input.
@leMaik oh, thanks for fast response 👍
newChipDelimiter
- will be good ?
or something like clipboardTextDelimiter
- that would only work with paste?
also current behavior needs some updates cause it will submit value every time when user paste value.
So:
addOnPaste: bool
- will prevent defaultonPaste
behavior and request to add value from clipboardclipboardTextDelimiters: arrayOf(string)
- will split text from clipboard by passed delimiters- or
parseClipboardText: func
- function to create array from clipboard text addOnPasteMultiple: bool
- will prevent defaultonPaste
only if clipboard text was split to array with more than one chip
from material-ui-chip-input.
@umidbekkarimov That's really a lot of additional complexity for the single use-case of copying stuff from a spreadsheet. 😕 I'd like to add just one, or even no new props at all.
As you see, the intended behavior can already be achieved by using onPaste
, so there is no need for new props.
from material-ui-chip-input.
@leMaik agree. I can add it as an example to the storybook in case if someone will need similar functionality.
from material-ui-chip-input.
@umidbekkarimov That would be great! I'll update the story book so that you can see the source code for the examples there.
from material-ui-chip-input.
Related Issues (20)
- On Android Mobile: newChipKeys not working HOT 1
- dataSource is not working HOT 1
- Update storybook examples
- How to add date/datetime values as chips?
- Can I add icon to input field like in TextField by using Input Adornments?
- Label positioning on "outlined" variant is incorrect.
- Dependency version mismatch error: Unable to install this module HOT 12
- Dependency error with material-ui/core v5 HOT 3
- Make chips editable in the same place HOT 1
- "future" compatibility issue HOT 1
- Module not found HOT 1
- Make ChipInput a required field in a form HOT 1
- Chip note adding using space bar HOT 1
- MUI v5 HOT 1
- Please add React 17 support HOT 7
- Is there a way to change OnBlur so that focusing and then clicking on a chip doesn't trigger it?
- Submit button not working after update the Android system WebView in android device.
- Performance issue with pasting 100+ items in chip input. Cannot add more chips and DOM freezes
- Should ChipInput component be wrapped by Form tag ?
- unable to install in react 18v HOT 1
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 material-ui-chip-input.