       planModal = <CoursePlanPublishingDetails
         plan={plan}
         courseId={courseId}
-        className={planClasses}/>
+        className={planClasses}
+        ref='details'/>
     else
       planModal = <CoursePlanDetails
         plan={plan}
         courseId={courseId}
-        className={planClasses}/>
+        className={planClasses}
+        ref='details'/>
 
     planOnly = <div style={planStyle}
       className={planClasses}

      renderFn = 'renderEditPlan'
      renderFn = 'renderOpenPlan' if plan.isOpen and plan.isPublished or (isPublishing) or (publishStatus is 'completed')

      @[renderFn](planStyle, planClasses, label)
    )

    <div>

  # handles when route changes and modal show/hide needs to sync
  # i.e. when using back or forward on browser
  syncStatsWithState: ->
    if @_isPlanMatchRouteNotOpen()
      if @refs.trigger?
        triggerEl = @refs.trigger.getDOMNode()
