Fix flickering when hasInitializedLocations gets toggled on and off

Author: harbournick

packages/superdoc/src/SuperDoc.vue

@@ -581,7 +581,6 @@ watch(getFloatingComments, () => {
     </div>
 
     <div class="superdoc__right-sidebar right-sidebar" v-if="showCommentsSidebar">
-
       <CommentDialog
         v-if="pendingComment"
         :comment="pendingComment"
@@ -590,13 +589,14 @@ watch(getFloatingComments, () => {
         v-click-outside="cancelPendingComment"
       />
 
-      <FloatingComments
-        v-if="hasInitializedLocations && getFloatingComments.length > 0"
-        class="floating-comments"
-        v-for="doc in documentsWithConverations"
-        :parent="layers"
-        :current-document="doc"
-      />
+      <div class="floating-comments" v-if="!isCommentsListVisible">
+        <FloatingComments
+          v-if="hasInitializedLocations && getFloatingComments.length > 0"
+          v-for="doc in documentsWithConverations"
+          :parent="layers"
+          :current-document="doc"
+        />
+      </div>
     </div>
   </div>
 </template>
@@ -606,6 +606,10 @@ watch(getFloatingComments, () => {
   display: flex;
 }
 
+.floating-comments {
+  min-width: 300px;
+}
+
 .superdoc--with-sidebar { /*  */ }
 
 .superdoc__layers {
@@ -645,6 +649,7 @@ watch(getFloatingComments, () => {
 
 .superdoc__right-sidebar {
   width: 320px;
+  min-width: 320px;
   padding: 0 10px;
   min-height: 100%;
   position: relative;