Rangeslider won't reset after zooming out

https://codepen.io/Lexachoc/pen/XWGGLJG (the plotly-latest.min.js is using 1.58.5)

The Autoscale or Reset axes buttons in the menu bar won't autoscale/reset the rangeslider correctly after using zoom out button.

I can confirm that with plotly-2.29.1.min.js, the issue exists (but Plotly.d3.csv is removed from version 2 so I can't use that version for the codepen). I found this issue when I use plotly-2.28.0.min.js and now with plotly-2.29.1.min.js:

(no codepen for this, sorry, this is server-side data)
My layout:

{
        xaxis: {
            rangeslider: {},
            automargin: true,
            tickfont: {
                size: 14
            },
            showspikes: true,
            spikemode: 'across', // or 'across' or 'marker'
            spikethickness: 1
        },
        yaxis: {
            fixedrange: true,
            tickfont: {
                size: 14
            },
            automargin: true,
        },
    }

The example in here
https://plotly.com/javascript/range-slider/
https://codepen.io/plotly/pen/WwXEoV

it doesn't have this issue (it uses plotly-1.8.0.min.js)

Start by reproducing the linked CodePen with plotly-2.29.1 and compare its behavior with the range-slider example. Read the zoom-out, Autoscale, and Reset axes handling for the x-axis rangeslider. Done means both buttons restore the rangeslider correctly after zooming out, including the reported layout with a fixed-range y-axis.