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.

使用链接的 CodePen 重现重叠问题，其中包含水平图例和 X 轴范围滑块。追踪负责定位这些元素的 plotly.js 布局，然后添加一个回归测试，以显示图例仍然可见，并运行相关测试套件。