Overlay patch

overlay.js

import { Utils, Overlay } from '@blueprintjs/core';
import PropTypes from 'prop-types';
import React from 'react';

function handleDocumentClick(e) {
  const { isOpen, onClose } = this.props;
  const eventTarget = e.target;

  const isClickInDescendantOverlay = Array.from(document.querySelectorAll(`[data-overlay-id="${this.overlayId}"]`))
    .filter((elem) => elem && elem.contains)
    .filter((elem) => this.overlayDepth < Number(elem.dataset.overlayDepth))
    .some((elem) => elem.contains(eventTarget));

  const isClickInOverlay =
    (this.containerElement != null && this.containerElement.contains(eventTarget)) || isClickInDescendantOverlay;

  if (isOpen && this.props.canOutsideClickClose && !isClickInOverlay) {
    Utils.safeInvoke(onClose, e);
  }
}

Overlay.contextTypes = {
  overlayDepth: PropTypes.number,
  overlayId: PropTypes.number
};

Overlay.childContextTypes = {
  overlayDepth: PropTypes.number,
  overlayId: PropTypes.number
};

let overlayId = 0;

Overlay.prototype.componentWillMount = function componentWillMount() {
  this.overlayDepth = (this.context.overlayDepth && this.context.overlayDepth + 1) || 1;
  this.overlayId = this.context.overlayId || overlayId++;
  this.handleDocumentClick = handleDocumentClick.bind(this);
};

Overlay.prototype.getChildContext = function getChildContext() {
  return {
    overlayDepth: this.overlayDepth,
    overlayId: this.overlayId
  };
};

const componentDidUpdate = Overlay.prototype.componentDidUpdate;

Overlay.prototype.componentDidUpdate = function(prevProps) {
  componentDidUpdate.call(this, prevProps);

  if (this.containerElement) {
    this.containerElement.dataset.overlayDepth = this.overlayDepth;
    this.containerElement.dataset.overlayId = this.overlayId;
  }
};