@@ -12,7 +12,7 @@ import {
12
12
WidgetProps ,
13
13
} from '@rjsf/utils' ;
14
14
import { OptionsOrGroups } from 'chakra-react-select' ;
15
- import { createListCollection , Portal , SelectValueChangeDetails , Select as ChakraSelect } from '@chakra-ui/react' ;
15
+ import { createListCollection , SelectValueChangeDetails , Select as ChakraSelect } from '@chakra-ui/react' ;
16
16
17
17
import { Field } from '../components/ui/field' ;
18
18
import { SelectRoot , SelectTrigger , SelectValueText } from '../components/ui/select' ;
@@ -145,18 +145,16 @@ export default function SelectWidget<T = any, S extends StrictRJSFSchema = RJSFS
145
145
< SelectValueText placeholder = { placeholder } />
146
146
</ SelectTrigger >
147
147
</ ChakraSelect . Control >
148
- < Portal container = { containerRef } >
149
- < ChakraSelect . Positioner minWidth = '100% !important' zIndex = '2 !important' top = 'calc(100% + 5px) !important' >
150
- < ChakraSelect . Content >
151
- { selectOptions . items . map ( ( item ) => (
152
- < ChakraSelect . Item item = { item } key = { item . value } >
153
- { item . label }
154
- < ChakraSelect . ItemIndicator />
155
- </ ChakraSelect . Item >
156
- ) ) }
157
- </ ChakraSelect . Content >
158
- </ ChakraSelect . Positioner >
159
- </ Portal >
148
+ < ChakraSelect . Positioner minWidth = '100% !important' zIndex = '2 !important' top = 'calc(100% + 5px) !important' >
149
+ < ChakraSelect . Content >
150
+ { selectOptions . items . map ( ( item ) => (
151
+ < ChakraSelect . Item item = { item } key = { item . value } >
152
+ { item . label }
153
+ < ChakraSelect . ItemIndicator />
154
+ </ ChakraSelect . Item >
155
+ ) ) }
156
+ </ ChakraSelect . Content >
157
+ </ ChakraSelect . Positioner >
160
158
</ SelectRoot >
161
159
</ Field >
162
160
) ;
0 commit comments