From 0c4a72ad61f043fc8406e2a385a375bc2ae22e95 Mon Sep 17 00:00:00 2001
From: Hendrik de Graaf <hendrik@dhis2.org>
Date: Wed, 25 Mar 2020 12:38:07 +0100
Subject: [PATCH] fix(tooltip): remove `tag` prop so anchor is always a span

---
 src/Tooltip.js | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/Tooltip.js b/src/Tooltip.js
index 9d99a8f58..8e443d624 100644
--- a/src/Tooltip.js
+++ b/src/Tooltip.js
@@ -65,7 +65,6 @@ class Tooltip extends Component {
         const {
             children,
             className,
-            tag: Element,
             content,
             dataTest,
             maxWidth,
@@ -82,14 +81,14 @@ class Tooltip extends Component {
                         ref: this.ref,
                     })
                 ) : (
-                    <Element
+                    <span
                         onMouseOver={this.onMouseOver}
                         onMouseOut={this.onMouseOut}
                         ref={this.ref}
                         data-test={`${dataTest}-reference`}
                     >
                         {children}
-                    </Element>
+                    </span>
                 )}
 
                 {open &&
@@ -144,7 +143,6 @@ Tooltip.defaultProps = {
  * @prop {string} [dataTest=dhis2-uicore-tooltip]
  * @prop {number} [maxWidth=300]
  * @prop {('top'|'bottom'|'right'|'left')} [placement=top]
- * @prop {string} [tag=span] The HTML tag to render
  */
 Tooltip.propTypes = {
     children: propTypes.node,
@@ -153,7 +151,6 @@ Tooltip.propTypes = {
     dataTest: propTypes.string,
     maxWidth: propTypes.number,
     placement: propTypes.oneOf(['top', 'right', 'bottom', 'left']),
-    tag: propTypes.string,
 }
 
 export { Tooltip, TOOLTIP_OFFSET }