Add Popover targetElementTag prop (#2276)

* Adds ability to change target element for tooltips

* update prop name and doc string

packages/core/src/components/popover/popover.tsx

@@ -185,6 +185,12 @@ export interface IPopoverProps extends IOverlayableProps, IProps {
      */
     targetClassName?: string;
 
+    /**
+     * The name of the HTML tag to use when rendering the popover target element.
+     * @default "div"
+     */
+    targetElementTag?: string;
+
     /**
      * Whether the popover should be rendered inside a `Portal` attached to `document.body`.
      * Rendering content inside a `Portal` allows the popover content to escape the physical bounds of its
@@ -221,6 +227,7 @@ export class Popover extends AbstractPureComponent<IPopoverProps, IPopoverState>
         openOnTargetFocus: true,
         position: "auto",
         rootElementTag: "span",
+        targetElementTag: "div",
         transitionDuration: 300,
         usePortal: true,
     };
@@ -259,7 +266,7 @@ export class Popover extends AbstractPureComponent<IPopoverProps, IPopoverState>
     }
 
     public render() {
-        const { className, disabled, hasBackdrop, targetClassName } = this.props;
+        const { className, disabled, hasBackdrop, targetClassName, targetElementTag } = this.props;
         const { isOpen } = this.state;
         const isHoverInteractionKind = this.isHoverInteractionKind();
 
@@ -305,7 +312,7 @@ export class Popover extends AbstractPureComponent<IPopoverProps, IPopoverState>
 
         return (
             <Manager tag={this.props.rootElementTag} className={classNames(Classes.POPOVER_WRAPPER, className)}>
-                <Target {...targetProps} innerRef={this.refHandlers.target}>
+                <Target {...targetProps} component={targetElementTag} innerRef={this.refHandlers.target}>
                     {target}
                 </Target>
                 <Overlay

packages/core/src/components/tooltip/tooltip.tsx

@@ -100,6 +100,12 @@ export interface ITooltipProps extends IProps, IIntentProps {
      */
     rootElementTag?: string;
 
+    /**
+     * The name of the HTML tag to use when rendering the popover target element.
+     * @default "div"
+     */
+    targetElementTag?: string;
+
     /**
      * A space-delimited string of class names that are applied to the tooltip.
      */