DropDown_overlap.js

 componentDidUpdate(prevProps, prevState) {
        if (isBrowser()) {
            const { open, bodyAlign } = this.state;

            if (prevState.open !== open) {
                const { right } = this.body.current.getBoundingClientRect();

                if (right > Root.innerWidth && bodyAlign === 'left') {
                    // Do not go beyond the right window border
                    this.setState({ bodyAlign: 'right' });
                } else if (right <= Root.innerWidth && bodyAlign === 'right') {
                    this.setState({ bodyAlign: 'left' });
                }
            }
        }
    }