Work around popperjs bug

Or we're passing null for the position, I dunno

tgui/packages/tgui/interfaces/Biogenerator.js

@@ -147,7 +147,7 @@ const BiogeneratorSearch = (props, context) => {
             icon={descending ? "arrow-down" : "arrow-up"}
             height="19px"
             tooltip={descending ? "Descending order" : "Ascending order"}
-            tooltipPosition="bottom-left"
+            tooltipPosition="bottom-end"
             ml="0.5rem"
             onClick={() => setDescending(!descending)}
           />

tgui/packages/tgui/interfaces/Communicator.js

@@ -350,7 +350,7 @@ const PhoneTab = (props, context) => {
   return (
     <Section title="Phone">
       <LabeledList>
-        <LabeledList.Item label="Target EPv2 Address" verticalAlign="middle"> 
+        <LabeledList.Item label="Target EPv2 Address" verticalAlign="middle">
           <Flex align="center">
             <Flex.Item grow={1}>
               <Input
@@ -464,7 +464,7 @@ const PhoneTab = (props, context) => {
           {!!invitesSent.length && (
             <LabeledList>
               {invitesSent.map(invite => (
-                <LabeledList.Item label={decodeHtmlEntities(invite.name)} key={invite.address}> 
+                <LabeledList.Item label={decodeHtmlEntities(invite.name)} key={invite.address}>
                   <Box>{decodeHtmlEntities(invite.address)}</Box>
                   <Box>
                     <Button
@@ -764,7 +764,7 @@ const MessagingThreadTab = (props, context) => {
             icon="eye"
             selected={clipboardMode}
             tooltip="Exit Clipboard Mode"
-            tooltipPosition="bottom-left"
+            tooltipPosition="bottom-end"
             onClick={() => setClipboardMode(!clipboardMode)} />
         }
         height="100%"
@@ -807,7 +807,7 @@ const MessagingThreadTab = (props, context) => {
           icon="eye"
           selected={clipboardMode}
           tooltip="Enter Clipboard Mode"
-          tooltipPosition="bottom-left"
+          tooltipPosition="bottom-end"
           onClick={() => setClipboardMode(!clipboardMode)} />
       }
       height="100%"
@@ -843,7 +843,7 @@ TabToTemplate[MESSSUBTAB] = <MessagingThreadTab />;
 /* News */
 const NewsTab = (props, context) => {
   const { act, data } = useBackend(context);
-  
+
   const {
     feeds,
     target_feed,
@@ -1021,7 +1021,7 @@ const WeatherTab = (props, context) => {
         {!!weather.length && (
           <LabeledList>
             {weather.map(wr => (
-              <LabeledList.Item label={wr.Planet} key={wr.Planet}> 
+              <LabeledList.Item label={wr.Planet} key={wr.Planet}>
                 <LabeledList>
                   <LabeledList.Item label="Time">
                     {wr.Time}
@@ -1135,4 +1135,4 @@ const SettingsTab = (props, context) => {
   );
 };
 
-TabToTemplate[SETTTAB] = <SettingsTab />;
+TabToTemplate[SETTTAB] = <SettingsTab />;

tgui/packages/tgui/interfaces/DNAModifier.js

@@ -399,7 +399,7 @@ const DNAModifierMainBuffersElement = (props, context) => {
               icon="save"
               content="Export"
               tooltip="Exports this buffer to the currently loaded data disk."
-              tooltipPosition="bottom-left"
+              tooltipPosition="bottom-end"
               onClick={() => act('bufferOption', {
                 option: 'saveDisk',
                 id: id,

tgui/packages/tgui/interfaces/JanitorCart.js

@@ -25,7 +25,7 @@ export const JanitorCart = (props, context) => {
           height="64px"
           position="relative"
           tooltip={mybag ? mybag : "Garbage Bag Slot"}
-          tooltipPosition="bottom-right"
+          tooltipPosition="bottom-end"
           color={mybag ? "grey" : "transparent"}
           style={{
             border: mybag ? null : "2px solid grey",
@@ -51,7 +51,7 @@ export const JanitorCart = (props, context) => {
           height="64px"
           position="relative"
           tooltip={mymop ? mymop : "Mop Slot"}
-          tooltipPosition="bottom-left"
+          tooltipPosition="bottom-end"
           color={mymop ? "grey" : "transparent"}
           style={{
             border: mymop ? null : "2px solid grey",
@@ -155,4 +155,4 @@ const JanicartIcon = (props, context) => {
       fontSize={2}
       name={iconkeysToIcons[iconkey]} />
   );
-};
+};

tgui/packages/tgui/interfaces/MiningVendor.js

@@ -124,7 +124,7 @@ const MiningVendorSearch = (props, context) => {
             icon={descending ? "arrow-down" : "arrow-up"}
             height="19px"
             tooltip={descending ? "Descending order" : "Ascending order"}
-            tooltipPosition="bottom-left"
+            tooltipPosition="bottom-end"
             ml="0.5rem"
             onClick={() => setDescending(!descending)}
           />

tgui/packages/tgui/interfaces/NIF.js

@@ -94,7 +94,7 @@ export const NIF = (props, context) => {
           <Button
             icon="cogs"
             tooltip="Settings"
-            tooltipPosition="bottom-left"
+            tooltipPosition="bottom-end"
             selected={settingsOpen}
             onClick={() => setSettingsOpen(!settingsOpen)} />
         }>
@@ -252,4 +252,4 @@ const NIFSettings = (props, context) => {
       </LabeledList.Item>
     </LabeledList>
   );
-};
+};

tgui/packages/tgui/interfaces/pda/pda_messenger.js

@@ -98,7 +98,7 @@ const ActiveConversation = (props, context) => {
             icon="eye"
             selected={clipboardMode}
             tooltip="Exit Clipboard Mode"
-            tooltipPosition="bottom-left"
+            tooltipPosition="bottom-end"
             onClick={() => setClipboardMode(!clipboardMode)} />
         }
         height="450px"
@@ -253,4 +253,4 @@ const PDAList = (props, context) => {
       ))}
     </Section>
   );
-};
+};