From 949d7646385ec4814f4709dba6ef0f99f4a1af37 Mon Sep 17 00:00:00 2001
From: Mark McDowall <mark@mcdowall.ca>
Date: Sun, 28 Apr 2019 01:06:19 -0700
Subject: [PATCH] Use popper placement for tooltip arrow

---
 frontend/src/Components/Tooltip/Tooltip.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/Components/Tooltip/Tooltip.js b/frontend/src/Components/Tooltip/Tooltip.js
index d841c7e7b..ea940c9d7 100644
--- a/frontend/src/Components/Tooltip/Tooltip.js
+++ b/frontend/src/Components/Tooltip/Tooltip.js
@@ -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]]
                           )}
                         />