no double accept/reject containers when selecting part of the track annotation

app/components/SimpleEditor/elements/track_change/TrackChangeComponent.js

@@ -23,6 +23,10 @@ class TrackChangeComponent extends AnnotationComponent {
       .append(separator)
       .append(reject)
 
+    if (this.shouldHideContainer()) {
+      container.addClass('sc-accept-reject-container-hide')
+    }
+
     let el = $$('span')
       .attr('data-id', id)
       .addClass(this.getClassNames())
@@ -37,8 +41,8 @@ class TrackChangeComponent extends AnnotationComponent {
       if (status === 'add') el.addClass('sc-track-add-show')
     }
 
-    const className = 'sc-track-change-' + status
-    el.addClass(className)
+    const statusClass = 'sc-track-change-' + status
+    el.addClass(statusClass)
 
     return el
   }
@@ -77,6 +81,21 @@ class TrackChangeComponent extends AnnotationComponent {
     return trackChangesView
   }
 
+  shouldHideContainer () {
+    const annotation = this.props.node
+    const annotationSelection = annotation.getSelection()
+
+    const surface = this.context.surfaceParent
+    const selection = surface.getSelection()
+
+    if (selection.isNull() || selection.isCollapsed()) return false
+
+    const overlaps = selection.overlaps(annotationSelection)
+    const contains = selection.contains(annotationSelection)
+
+    if (overlaps && !contains) return true
+    return false
+  }
 }
 
 export default TrackChangeComponent

app/components/SimpleEditor/elements/track_change/trackChange.scss

@@ -3,7 +3,7 @@ $red: #f00;
 $yellow: #f7f70c;
 
 .se-selection-fragment {
-  .sc-accept-reject-container:only-of-type {
+  .sc-accept-reject-container.sc-accept-reject-container-hide {
     display: none;
   }
 }