 
     { participants } = @props
 
-    <div className='ChannelParticipantAvatars-allParticipantsMenu'>
+    <div className='ChannelParticipantAvatars-allParticipantsMenu' ref='AllParticipantsMenu'>
       <div className='ChannelParticipantAvatars-allParticipantsMenuContainer'>
         <div className='ChannelParticipantAvatars-allParticipantsMenuTitle'>Other participants</div>
         {@renderAvatars(participants, yes)}

    document.addEventListener 'mousedown', @handleOutsideMouseClick



  isNodeInContainer: (el, container) ->
    while el

    moreCount = Math.min moreCount, 99

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