Update MASTER with develop for 2.2.1

CHANGELOG.md

@@ -4,6 +4,11 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 
 
+## [2.2.1] - 2020-11-09
+### Fixed
+- Fixed regression in react popup alignment and overflowing
+
+
 ## [2.2.0] - 2020-11-06
 ### Added
 - New option to optimize timeline rendering to make the site more responsive (enabled by default)

src/components/react_button/react_button.vue

@@ -4,6 +4,7 @@
     placement="top"
     :offset="{ y: 5 }"
     class="react-button-popover"
+    :bound-to="{ x: 'container' }"
   >
     <div
       slot="content"
@@ -37,12 +38,13 @@
         <div class="reaction-bottom-fader" />
       </div>
     </div>
-    <FAIcon
+    <span slot="trigger">
-      slot="trigger"
+      <FAIcon
-      class="fa-scale-110 fa-old-padding add-reaction-button"
+        class="fa-scale-110 fa-old-padding add-reaction-button"
-      :icon="['far', 'smile-beam']"
+        :icon="['far', 'smile-beam']"
-      :title="$t('tool_tip.add_reaction')"
+        :title="$t('tool_tip.add_reaction')"
-    />
+      />
+    </span>
   </Popover>
 </template>