     moreCount = Math.min moreCount, 99
 
     <div className='ChannelParticipantAvatars-singleBox'>
-      <div className='ChannelParticipantAvatars-moreCount' onClick={@bound 'onShowMoreParticipantButtonClick'}>
+      <div className='ChannelParticipantAvatars-moreCount' ref='showMoreButton' onClick={@bound 'onShowMoreParticipantButtonClick'}>
         {moreCount}+
       </div>
     </div>

    document.addEventListener 'mousedown', @handleOutsideMouseClick



  isNodeInContainer: (el, container) ->
    while el

    else @setState addNewParticipantMode: yes


  onShowMoreParticipantButtonClick: (e) ->

    e.stopPropagation()
    if @state.showAllParticipants is yes
    then @setState showAllParticipants: no
    else @setState showAllParticipants: yes
