How to have scroll zoom behave differently from drag zoom

I’m looking to have the scroll zoom feature only update the upper limit in y-axis range while having drag mode zoom behave as default plotly zoom behavior. Is there a way to achieve this using react plotly package?

In this case you have to do the manual zoom by deactivating it on the Y axis using fixedrange: true and in the plotly relayout event calculate the maximum range, this is very useful mainly in bar graphs when we want the base to remain fixed

As an extra piece of information, in the axes there are some boxes that zoom in only one direction, hopefully in the future they will implement it as properties in the layout something like the following

xaxis: { zoom: "left", or "right", or "both" }
yaxis: { zoom: "up", or "down", or "both" }