Traté de crear un menú desplegable con createPortal() debido a problemas de visibilidad debido al contexto de apilamiento, pero los componentes secundarios no funcionan como deberían. OperationButton tiene un evento onConfirm.
createPortal( <div className={`widgetActionsMenu`} style={{ position: 'alternative', top: '27px' }}> {allowedOperations.map((pseudoOperation) => { const [operation, disabled] = pseudoOperation.split(':'); return ( <OperationButton disabled={!!disabled} key={operation} operation={operation} itemId={props.itemId} /> ); })} </div> , document.querySelector(`.flowChartActionLevel`) )En realidad, asignarlo a un ref resolvió el problema, ahora encuentra los elementos secundarios y sus propiedades.
const portalRef = React.useRef(null);