.select2-hidden-accessible causes whitespace issue inside scrollable div

Please see jsbin - https://jsbin.com/bobogayire/1/edit?html,js,output

If you scroll down, you will see additional whitespace at the bottom of the page which is caused by the hidden select element.

If I add a style to change .select2-hidden-accessible to display: none, the issue is fixed.

Is there a fix for this?