move tooltip DOM id to hover-content span

alexcjohnson · alexcjohnson · commit 67b124bc8ed8 · 2021-09-01T21:21:59.000-04:00
where props.className is applied
diff --git a/components/dash-core-components/src/components/Tooltip.react.js b/components/dash-core-components/src/components/Tooltip.react.js
@@ -12,12 +12,13 @@ const Tooltip = props => {
 
     return (
         <>
-            <div id={id} className="dcc-tooltip-bounding-box">
+            <div className="dcc-tooltip-bounding-box">
                 <span
                     data-dash-is-loading={is_loading || undefined}
                     className={`hover hover-${props.direction}`}
                 >
                     <span
+                        id={id}
                         className={`hover-content ${props.className}`}
                         style={props.style}
                     >

Original file line number	Diff line number	Diff line change
`@@ -12,12 +12,13 @@ const Tooltip = props => {`
`12`	`12`
`13`	`13`	`return (`
`14`	`14`	`<>`
`15`		`- <div id={id} className="dcc-tooltip-bounding-box">`
	`15`	`+ <div className="dcc-tooltip-bounding-box">`
`16`	`16`	`<span`
`17`	`17`	`data-dash-is-loading={is_loading \|\| undefined}`
`18`	`18`	className={`hover hover-${props.direction}`}
`19`	`19`	`>`
`20`	`20`	`<span`
	`21`	`+ id={id}`
`21`	`22`	className={`hover-content ${props.className}`}
`22`	`23`	`style={props.style}`
`23`	`24`	`>`