We’re facing issues with embedding a UserPicker inside a Popup.
On the first rendering it doesn’t anchors properly.
This seems to only occur when a UserPicker is added to the tree of components. Without it, other components renders fine.
Basic reproducing example :
const App = () => {
const [isOpen, setIsOpen] = useState(false)
return (
<>
<Text>Popup with UserPicker</Text>
<Popup
content={() => {
return (
<UserPicker
label='Assignee'
placeholder='Select a user'
name='user'
description='The selected user will be assigned to this task'
onChange={(user) => console.log(user)}
/>
)
}}
isOpen={isOpen}
trigger={() => (
<Button
appearance='primary'
isSelected={isOpen}
onClick={() => setIsOpen(!isOpen)}
>
{isOpen ? 'Close' : 'Open'}
</Button>
)}
/>
</>
)
}
ForgeReconciler.render(
<React.StrictMode>
<App />
</React.StrictMode>
)