diff --git a/src/Suggester.tsx b/src/Suggester.tsx index 1cbaa8b9..e81ad56e 100644 --- a/src/Suggester.tsx +++ b/src/Suggester.tsx @@ -7,16 +7,6 @@ import { useQuestionId } from "./Question"; import type { SuggesterOptionType } from "@inseefr/lunatic/components/Suggester/SuggesterType"; import TextareaAutosize from "@mui/material/TextareaAutosize"; import { fr } from "@codegouvfr/react-dsfr"; -import { Paper, Popper, styled } from "@mui/material"; - -const CustomPaper = styled(Paper)(() => ({ - zIndex: 1, - backgroundColor: "white", -})); - -const CustomPopper = styled(Popper)(() => ({ - minWidth: "fit-content", -})); export const Suggester: LunaticSlotComponents["Suggester"] = props => { const { @@ -46,6 +36,7 @@ export const Suggester: LunaticSlotComponents["Suggester"] = props => { return ( a.id === b.id} @@ -68,13 +59,6 @@ export const Suggester: LunaticSlotComponents["Suggester"] = props => { onSearch(v); } }} - renderOption={(props, option) => ( -
  • - {option.label} -
  • - )} - PaperComponent={({ children }) => {children}} - PopperComponent={props => } renderInput={params => { const errorMessageId = `${params.id}-desc-error`; //we use the same convention as react-dsfr return ( @@ -128,7 +112,15 @@ export const Suggester: LunaticSlotComponents["Suggester"] = props => { minHeight: 0, //Override dsfr minHeight resize: "none", }} - /> + > +