Click handler not fired outside foreignObject in firefox

Question

I am using DropDownButton and MenuItem elements of patternfly-react v3. DropdownButton translates to and menuItem translated to

. This is to create a dropdown, which opens on button click. I also have onClick handler on

I have embedded these elements as foreign object inside svg. When dropdown opens it overflows foreign Object and is visible. Now issue is when i click on

that overflows the foreignObject the click handler handler doesn't get fired if I am using firefox. It works well in safari and chrome. Is this a expected behavior in foreignObject or I am missing something.