Incorrect fill rendering caused by gaps in data

I'm using Plotly.js to display some time series data with the following relevant properties:

• Large gaps in the data, and
• Non-symmetric uncertainty (i.e. each data point has min,avg,max values).

I'm attempting to plot this by adapting this example, but I seem to have come across a bug: when using data with gaps (and connectgaps: false) at the same time as fill: 'tonexty', the gaps cause the fill to be drawn incorrectly:

(The section of data at the very end of the graph is rendered correctly, but everything before the last gap is messed up.) For a simple example that reproduces this issue, see this codepen.

Interestingly, adding fill: 'tozeroy' to the bottom trace seems to resolve the obviously broken aspect of this issue:

I would still argue that the expected behaviour is that connectgaps: false should result in no fill crossing the gaps.

Start by running the linked CodePen reproduction with connectgaps: false, fill: 'tonexty', gaps, and asymmetric uncertainty. Trace the Plotly.js fill rendering behavior for the two traces; done means the fill does not cross data gaps and the final section remains correctly rendered.