Overlap of rangeslider and legend

I have a chart that uses a range slider on the X axis and if I add a legend with 'orientation': 'h', there is an overlap between the range slider and the legend, totally hiding the legend. I've reviewed the configuration of the range slider and the configuration of the legend but I have not found any way to solve it. Maybe I am missing something, but I think this might be a bug.

Here is a codepen when you can see the error: https://codepen.io/David_Hernandez/pen/LYMwVwK

As you can see (or you can not see) in the pen, the legend does not show up, because it is under the range slider. You can see a tiny bit that shows up on the right hand side.

Thank you,
David.

Riproduci la sovrapposizione usando il CodePen collegato, con una legenda orizzontale e uno slider dell’intervallo sull’asse X. Traccia il layout di plotly.js responsabile del posizionamento di questi elementi, quindi aggiungi un test di regressione che dimostri che la legenda rimane visibile ed esegui la suite di test pertinente.