title: IE 10 - div with scrollbar fires blur event causing it to hide (custom code)
body: <p>We are using W2UI (Javascript UI) controls. It has a "Multi Select" input control with associated div container with suggestion data. Whenever user clicks on input control a suggestion div is popped up and user can select multiple items from the list. Please find below screenshot
  <img src="https://i.stack.imgur.com/0rFSe.png" alt="enter image description here"></p>
  
  <p>We have set overfloaw:auto of div When suggestion list has more than 10 records. (Refer below screenshot)
  <img src="https://i.stack.imgur.com/eXErB.png" alt="enter image description here"></p>
  
  <p>At this point, clicking on scrollbar works fine in Chrome and Mozilla but in case of IE it closes / hides the div.</p>
  
  <p>We have made initial RCA of this as follow. 
  When a scrollbar is associated to a div, clicking on scrollbar causes blur event to fire for that div. 
  In W2UI library, blur event is used to hide the suggestion div causing it to close. We also found that, clicking on scrollbar does not cause blur event to fire in chrome &amp; firefox.</p>
  
  <p>Now we want to suppress blur event when user clicks on "scrollbar" in case of IE.
  We are unable to identify scrollbar click.</p>
  
  <p>Please share your thoughts / workarounds about suppressing blur() event conditionally.</p>