223 questions
- Bountied 0
- Unanswered
- Frequent
- Score
- Trending
- Week
- Month
- Unanswered (my tags)
0
votes
0
answers
29
views
How to limit height of content inside MUI Autocomplete
I am using MUI autocomplete to allow user to add multiple emails. All valid emails are shown as MUI Chip components using tags and invalid emails are shown as comma separated list. I want to limit the ...
0
votes
0
answers
31
views
Generic AutoComplete erasing entire text on backspace
import TWTextField from "@/components/form-components/TWTextField/TWTextField";
import { Autocomplete } from "@mui/material";
import React from "react";
import { ...
0
votes
0
answers
39
views
Custom render option does not support getOptionDisabled. is this correct?
I am working with MUI Auto complete component. I am trying to use getOptionDisabled with custom renderoption , but it does not work , but without custom render option it works fine. Why ??
I checked ...
0
votes
0
answers
26
views
Autocomplete option getting removed when unfocused
For example when I select a option on the autocomplete options and unfocus from the autocomplete that option disappears, I can click again on the autocomplete and click again on that option but the ...
1
vote
1
answer
152
views
MUI Autocomplete with Vite: Element type is invalid: expected a string or a class/function but got: object
I have this code:
<Autocomplete
multiple
id="shifts"
data-testid="shifts"
getOptionLabel={(shift: ShiftBaseResponse) => `${...
0
votes
1
answer
51
views
How to useAutocomplete in a Slide?
I have a useAutocomplete which I implement inside a Slide MUI Component:
<Slide
in={isOpen}
timeout={{ enter: 300, exit: 200 }}
mountOnEnter
unmountOnExit
>
<div {...getRootProps()}&...
0
votes
1
answer
230
views
Debouncing input of Mui Autocomplete with react-hook-form
I'm using Mui Autocomplete in conjunction with react-hook-form.
Now to display the options I want to fetch them from the server while I type in the Autocomplete, I would also like to debounce the ...
0
votes
1
answer
54
views
How add a new Material UI autocomplete textinput from a dialog?
I use an Autocomplete component in a react js app to add and delete categories. To add a category I use a dialog.
When I press OK button in dialog box I manage to add the category in database and the ...
0
votes
1
answer
114
views
How to clear a Material UI Autocomplete value based on a drop down selection value?
I have a react code which includes a mui drop down on the left side and one Material UI Autocomplete on the right side. The left drop down has three categories as its values:
dropDownVals = [
{ name: &...
2
votes
2
answers
1k
views
Style Material UI Autocomplete
I inherited a project with Material UI, which I have never used before. I have the following in my code
<FormControl fullWidth>
<InputLabel
className={className}
htmlFor={...
1
vote
1
answer
308
views
TypeScript Confusion - Property 'key' does not exist on type 'HTMLAttributes<HTMLLIElement>
I'm trying to extract the key property by object destructuring, but TypeScript is telling me Property 'key' does not exist on type 'HTMLAttributes<HTMLLIElement>
despite the fact that when I ...
1
vote
1
answer
366
views
Material UI autocomplete from a button
I am creating an application where it is appropriate to have a selection menu appear from a button. Something like this:
import React from "react";
import AutoComplete from "@mui/...
0
votes
1
answer
98
views
MUI 4 AutoComplete options not visible when set notchedOutline inside InputProps
In order to set border color to AutoComplete (Material-UI-4) , I am setting notchedOutline as in given code and it works fine but as a side effect it is hiding my Arrow Icon to open dropdown-options ...
1
vote
1
answer
691
views
Material UI Base useAutocomplete getOptionLabel usage
I am trying to implement an autocomplete component using Material Base UI's useAutocomplete hook. I want to support a custom options structure. I am unsure how to use the getOptionLabel function in ...
0
votes
1
answer
307
views
MUI autocomplete on array of object return one dimensional array
I have the following Autocomplete component:
<Autocomplete
options={channels}
autoHighlight
multiple
disableCloseOnSelect
value={form....