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.

Reproduce la superposición usando el CodePen enlazado, con una leyenda horizontal y un control deslizante de rango del eje X. Rastrea el layout de plotly.js responsable de posicionar estos elementos; después, añade una prueba de regresión que demuestre que la leyenda permanece visible y ejecuta la suite de pruebas relevante.