Material-UI V0.20.2 and React 16.8.3 Autocomplete, enter event does not get triggered to confirm selectionReact, tap events and material-uiIs there a way to select first on material-ui's autocompleteCan't get the target attributes of material-ui select react componentCan't get attributes of material-ui SelectField in reactTrigger an action on event with react-reduxMaterial ui autocomplete issue with default value in Reactreact material-ui select not workingReact Material UI Delete Selected CellsMaterial ui autocomplete with react-select to fetch db on every searchHow select part of text in a Textfield on onFocus event with material-UI in React?
Has there been a multiethnic Star Trek character?
How creative should the DM let an artificer be in terms of what they can build?
How can I protect this exterior outlet from water and prevent smoke leakage to the interior?
How can I use String in enum for Apex?
AMPScript SMS InsertDE() function not working in SMS
Is there a set of positive integers of density 1 which contains no infinite arithmetic progression?
Can I utilise a baking stone to make crepes?
Proving that a Russian cryptographic standard is too structured
Ability To Change Root User Password (Vulnerability?)
Why not invest in precious metals?
New bike, tubeless tire will not inflate
How can I remove material from this wood beam?
What standard algorithm can determine if exactly one of a container satisfies a predicate?
How do free-speech protections in the United States apply in public to corporate misrepresentations?
Russian word for a male zebra
Are inverted question and exclamation mark supposed to be symmetrical to the "normal" counter-parts?
Place the adverb before or after "to"?
Why was this person allowed to become Grand Maester?
I have a problematic assistant manager, but I can't fire him
If I leave the US through an airport, do I have to return through the same airport?
Live action TV show where High school Kids go into the virtual world and have to clear levels
Solve Riddle With Algebra
Does Google Sheets allow moving a chart to its own sheet?
Should I refuse being named as co-author of a bad quality paper?
Material-UI V0.20.2 and React 16.8.3 Autocomplete, enter event does not get triggered to confirm selection
React, tap events and material-uiIs there a way to select first on material-ui's autocompleteCan't get the target attributes of material-ui select react componentCan't get attributes of material-ui SelectField in reactTrigger an action on event with react-reduxMaterial ui autocomplete issue with default value in Reactreact material-ui select not workingReact Material UI Delete Selected CellsMaterial ui autocomplete with react-select to fetch db on every searchHow select part of text in a Textfield on onFocus event with material-UI in React?
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
I have the following component:
<AutoComplete
fullWidth
errorText=dirty ? error : null
onNewRequest=value => onChange(countryCodesByName[value])
onUpdateInput=value => onChange(countryCodesByName.hasOwnProperty(value) ? countryCodesByName[value] : value)
searchText= value
...inputProps
...custom
menuStyle= overflowY: 'auto'
/>
My problem is, when searching for a country and I press enter to confirm the selection in the drop-down, the enter event is not triggered. The up and down arrows are working to navigate the list of countries but enter not.
With react 15 it worked because I had react-tap-event-plugin, but is deprecated:
React 16.4 removes a lot of internals (#121) this plugin depends on and will break the plugin.
Since the problem it solves has been fixed in most browsers by now you should migrate away from this plugin.
reactjs material-ui
asked Mar 19 at 10:27
jalangajalanga
314521
add a comment |
I have the following component:
<AutoComplete
fullWidth
errorText=dirty ? error : null
onNewRequest=value => onChange(countryCodesByName[value])
onUpdateInput=value => onChange(countryCodesByName.hasOwnProperty(value) ? countryCodesByName[value] : value)
searchText= value
...inputProps
...custom
menuStyle= overflowY: 'auto'
/>
My problem is, when searching for a country and I press enter to confirm the selection in the drop-down, the enter event is not triggered. The up and down arrows are working to navigate the list of countries but enter not.
With react 15 it worked because I had react-tap-event-plugin, but is deprecated:
React 16.4 removes a lot of internals (#121) this plugin depends on and will break the plugin.
Since the problem it solves has been fixed in most browsers by now you should migrate away from this plugin.
reactjs material-ui
asked Mar 19 at 10:27
jalangajalanga
314521
2
Material-ui v0.20.2 is deprecated as well. So, if you are upgrading react, then upgrade materail-ui as well.
– Vishal
Mar 22 at 12:42
add a comment |
I have the following component:
<AutoComplete
fullWidth
errorText=dirty ? error : null
onNewRequest=value => onChange(countryCodesByName[value])
onUpdateInput=value => onChange(countryCodesByName.hasOwnProperty(value) ? countryCodesByName[value] : value)
searchText= value
...inputProps
...custom
menuStyle= overflowY: 'auto'
/>
My problem is, when searching for a country and I press enter to confirm the selection in the drop-down, the enter event is not triggered. The up and down arrows are working to navigate the list of countries but enter not.
With react 15 it worked because I had react-tap-event-plugin, but is deprecated:
React 16.4 removes a lot of internals (#121) this plugin depends on and will break the plugin.
Since the problem it solves has been fixed in most browsers by now you should migrate away from this plugin.
reactjs material-ui
asked Mar 19 at 10:27
jalangajalanga
314521
I have the following component:
<AutoComplete
fullWidth
errorText=dirty ? error : null
onNewRequest=value => onChange(countryCodesByName[value])
onUpdateInput=value => onChange(countryCodesByName.hasOwnProperty(value) ? countryCodesByName[value] : value)
searchText= value
...inputProps
...custom
menuStyle= overflowY: 'auto'
/>
My problem is, when searching for a country and I press enter to confirm the selection in the drop-down, the enter event is not triggered. The up and down arrows are working to navigate the list of countries but enter not.
With react 15 it worked because I had react-tap-event-plugin, but is deprecated:
React 16.4 removes a lot of internals (#121) this plugin depends on and will break the plugin.
Since the problem it solves has been fixed in most browsers by now you should migrate away from this plugin.
reactjs material-ui
reactjs material-ui
asked Mar 19 at 10:27
jalangajalanga
314521
asked Mar 19 at 10:27
jalangajalanga
314521
asked Mar 19 at 10:27
jalangajalanga
314521
asked Mar 19 at 10:27
jalangajalanga
314521
asked Mar 19 at 10:27
jalangajalanga
314521
314521
2
Material-ui v0.20.2 is deprecated as well. So, if you are upgrading react, then upgrade materail-ui as well.
– Vishal
Mar 22 at 12:42
add a comment |
2
Material-ui v0.20.2 is deprecated as well. So, if you are upgrading react, then upgrade materail-ui as well.
– Vishal
Mar 22 at 12:42
2
2
Material-ui v0.20.2 is deprecated as well. So, if you are upgrading react, then upgrade materail-ui as well.
– Vishal
Mar 22 at 12:42
Material-ui v0.20.2 is deprecated as well. So, if you are upgrading react, then upgrade materail-ui as well.
– Vishal
Mar 22 at 12:42
add a comment |
1 Answer
1
active
oldest
votes
Update the version of you material ui on version: v3.9.2
https://material-ui.com/versions/
answered Mar 24 at 19:51
Nikola TrajkovicNikola Trajkovic
658118
An update on that version for the all app, from version 0.20 will take a lot of time, this is not the desired solution. I am looking for a solution with the current version.
– jalanga
Mar 25 at 20:38
3
Any solution using the current version will probably take more time than updating.
– CyclopeanCity
Mar 27 at 16:14
2
If react 16.8 don't work with Material-ui v0.20.2 there are no way ... you have to update...so or update material UI or came-back to old version of react
– Angelotti
Mar 28 at 13:44
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55238753%2fmaterial-ui-v0-20-2-and-react-16-8-3-autocomplete-enter-event-does-not-get-trig%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
Update the version of you material ui on version: v3.9.2
https://material-ui.com/versions/
answered Mar 24 at 19:51
Nikola TrajkovicNikola Trajkovic
658118
An update on that version for the all app, from version 0.20 will take a lot of time, this is not the desired solution. I am looking for a solution with the current version.
– jalanga
Mar 25 at 20:38
3
Any solution using the current version will probably take more time than updating.
– CyclopeanCity
Mar 27 at 16:14
2
If react 16.8 don't work with Material-ui v0.20.2 there are no way ... you have to update...so or update material UI or came-back to old version of react
– Angelotti
Mar 28 at 13:44
add a comment |
Update the version of you material ui on version: v3.9.2
https://material-ui.com/versions/
answered Mar 24 at 19:51
Nikola TrajkovicNikola Trajkovic
658118
An update on that version for the all app, from version 0.20 will take a lot of time, this is not the desired solution. I am looking for a solution with the current version.
– jalanga
Mar 25 at 20:38
3
Any solution using the current version will probably take more time than updating.
– CyclopeanCity
Mar 27 at 16:14
2
If react 16.8 don't work with Material-ui v0.20.2 there are no way ... you have to update...so or update material UI or came-back to old version of react
– Angelotti
Mar 28 at 13:44
add a comment |
Update the version of you material ui on version: v3.9.2
https://material-ui.com/versions/
answered Mar 24 at 19:51
Nikola TrajkovicNikola Trajkovic
658118
Update the version of you material ui on version: v3.9.2
https://material-ui.com/versions/
answered Mar 24 at 19:51
Nikola TrajkovicNikola Trajkovic
658118
answered Mar 24 at 19:51
Nikola TrajkovicNikola Trajkovic
658118
answered Mar 24 at 19:51
Nikola TrajkovicNikola Trajkovic
658118
answered Mar 24 at 19:51
Nikola TrajkovicNikola Trajkovic
658118
658118
An update on that version for the all app, from version 0.20 will take a lot of time, this is not the desired solution. I am looking for a solution with the current version.
– jalanga
Mar 25 at 20:38
3
Any solution using the current version will probably take more time than updating.
– CyclopeanCity
Mar 27 at 16:14
2
If react 16.8 don't work with Material-ui v0.20.2 there are no way ... you have to update...so or update material UI or came-back to old version of react
– Angelotti
Mar 28 at 13:44
add a comment |
An update on that version for the all app, from version 0.20 will take a lot of time, this is not the desired solution. I am looking for a solution with the current version.
– jalanga
Mar 25 at 20:38
3
Any solution using the current version will probably take more time than updating.
– CyclopeanCity
Mar 27 at 16:14
2
If react 16.8 don't work with Material-ui v0.20.2 there are no way ... you have to update...so or update material UI or came-back to old version of react
– Angelotti
Mar 28 at 13:44
An update on that version for the all app, from version 0.20 will take a lot of time, this is not the desired solution. I am looking for a solution with the current version.
– jalanga
Mar 25 at 20:38
An update on that version for the all app, from version 0.20 will take a lot of time, this is not the desired solution. I am looking for a solution with the current version.
– jalanga
Mar 25 at 20:38
3
3
Any solution using the current version will probably take more time than updating.
– CyclopeanCity
Mar 27 at 16:14
Any solution using the current version will probably take more time than updating.
– CyclopeanCity
Mar 27 at 16:14
2
2
If react 16.8 don't work with Material-ui v0.20.2 there are no way ... you have to update...so or update material UI or came-back to old version of react
– Angelotti
Mar 28 at 13:44
If react 16.8 don't work with Material-ui v0.20.2 there are no way ... you have to update...so or update material UI or came-back to old version of react
– Angelotti
Mar 28 at 13:44
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55238753%2fmaterial-ui-v0-20-2-and-react-16-8-3-autocomplete-enter-event-does-not-get-trig%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
2
Material-ui v0.20.2 is deprecated as well. So, if you are upgrading react, then upgrade materail-ui as well.
– Vishal
Mar 22 at 12:42