Backdrop Filter (Blur) not showing up in the output

I am trying to make a glass effect using backdrop-filter on a div but blur is not showing up in the html2canvas output image.

I used backdrop-filter: blur(10px) along with background-color: rgba(0,0,0,0.3) but only semi-transparent background is visible without blur.

Here is the demo of what I am trying to do and what's going wrong!