Skip to content

Commit cf3939d

Browse files
committed
remove portal to fix tests
1 parent d9f509f commit cf3939d

File tree

4 files changed

+34922
-14184
lines changed

4 files changed

+34922
-14184
lines changed

packages/chakra-ui/src/SelectWidget/SelectWidget.tsx

+11-13
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ import {
1212
WidgetProps,
1313
} from '@rjsf/utils';
1414
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';
1616

1717
import { Field } from '../components/ui/field';
1818
import { SelectRoot, SelectTrigger, SelectValueText } from '../components/ui/select';
@@ -145,18 +145,16 @@ export default function SelectWidget<T = any, S extends StrictRJSFSchema = RJSFS
145145
<SelectValueText placeholder={placeholder} />
146146
</SelectTrigger>
147147
</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>
160158
</SelectRoot>
161159
</Field>
162160
);

0 commit comments

Comments
 (0)