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.

Tái hiện hiện tượng chồng lấp bằng CodePen được liên kết, với chú giải nằm ngang và thanh trượt phạm vi trên trục X. Theo dõi layout của plotly.js chịu trách nhiệm định vị các phần tử này, sau đó thêm một bài kiểm thử hồi quy cho thấy chú giải vẫn hiển thị và chạy bộ kiểm thử liên quan.