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.

Reproduisez le chevauchement à l’aide du CodePen lié, avec une légende horizontale et un curseur de plage sur l’axe X. Suivez le layout de plotly.js responsable du positionnement de ces éléments, puis ajoutez un test de régression montrant que la légende reste visible et exécutez la suite de tests concernée.