Cannot click on Dropdown item when it overlaps a WebView

I have encountered a strange behavior.

I have a page on which there is Component for navigation. Inside this component there is Dropdown Widget.

Now when a user clicks on the Dropdown it opens and show all the items inside it but the user cannot click on any items which are overlapping above the WebView as all the click events are received/captured by WebView.

Here is a screenshot.

The part shown in Yellow is the WebView and the part with a Red color rectangle is the list of Dropdown items.

Here we can Click on the Log Out item but cannot click on Edit Profile item.