title: Click event not working properly in cefsharp browser
body: <p>I am working with Charts rendered as SVG elements using jQuery in cefsharp browser. I have bind click event to whole SVG element, in that I have append various SVG shapes. </p>
  
  <p>And my question is if I render two shapes in a same place click event is not fired. But if I click on other region it is working fine. Have a look at the below image.
  <a href="https://i.stack.imgur.com/J2Jbd.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/J2Jbd.gif" alt="enter image description here"></a></p>
  
  <p>And my DOM structure is
  <a href="https://i.stack.imgur.com/5Du6K.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5Du6K.png" alt="enter image description here"></a></p>
  
  <p>The highlighted elements are the circles which got rendered and displayed in first screen shot.</p>
  
  <p>Guide me to resolve this issue.</p>
  
  <p>Thanks!</p>