Popover inside of of Popover

examples/mix.html

@@ -0,0 +1 @@
+placeholder

examples/mix.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import Tooltip from 'rc-tooltip';
+const Popover = Tooltip;
+import 'rc-tooltip/assets/bootstrap.less';
+
+const panel = (<select>
+  <option value="lucy"> lucy </option>
+  <option value="eric"> eric </option>
+  <option value="yiminghe"> yiminghe </option>
+</select>);
+
+const content = (
+  <Popover overlay={panel} trigger="click">
+    <button type="primary">Hover me</button>
+  </Popover>
+);
+
+ReactDOM.render(
+  <Popover overlay={content} title="Title">
+    <button type="primary">Hover me</button>
+  </Popover>
+, document.getElementById('__react-content'));

src/Tooltip.jsx

@@ -48,7 +48,7 @@ const Tooltip = React.createClass({
         {arrowContent}
       </div>,
       <div className={`${prefixCls}-inner`} key="content">
-        {typeof overlay === 'function' ? overlay() : overlay}
+        {this.renderOverlay(overlay)}
       </div>,
     ]);
   },
@@ -57,6 +57,14 @@ const Tooltip = React.createClass({
     return this.refs.trigger.getPopupDomNode();
   },
 
+  renderOverlay(overlay) {
+    const overlayElement = typeof overlay === 'function' ? overlay() : overlay;
+    if (overlayElement.type.displayName === 'Tooltip') {
+      return React.cloneElement(overlayElement, { getPopupContainer: this.getPopupDomNode });
+    }
+    return overlayElement;
+  },
+
   render() {
     const {
       overlayClassName, trigger,