Use popper placement for tooltip arrow

This commit is contained in:
Mark McDowall 2019-04-28 01:06:19 -07:00
parent 5c2cb4de80
commit 949d764638
1 changed files with 4 additions and 2 deletions

View File

@ -94,6 +94,8 @@ class Tooltip extends Component {
<Portal>
<Popper
placement={position}
// Disable events to improve performance when many tooltips
// are shown (Quality Definitions for example).
eventsEnabled={false}
modifiers={{
preventOverflow: {
@ -103,7 +105,7 @@ class Tooltip extends Component {
}
}}
>
{({ ref, style, scheduleUpdate }) => {
{({ ref, style, placement, scheduleUpdate }) => {
this._scheduleUpdate = scheduleUpdate;
return (
@ -126,7 +128,7 @@ class Tooltip extends Component {
className={classNames(
styles.arrow,
styles[kind],
styles[position]
styles[placement.split('-')[0]]
)}
/>