zorder doesn't work on version 5.21.0

[khisr0w]

The zorder attribute was added recently. However, the following code does not work as expected (exact code as here):

import plotly
import plotly.graph_objects as go

fig = go.Figure(
    go.Bar(
        x=[0, 1, 2],
        y=[1, 2, 3]
    ),
)
fig.add_trace(
    go.Scatter(
        x=[0, 1, 2],
        y=[3, 2, 1],
        zorder=-2
    )
)

fig.update_layout(
    title=dict(text=f"{plotly.__version__ = }")
)
fig.show()

Expected Behavior: Bar chart should have a higher z-order, meaning it should be at the front.
Instead, the code produces the following:

[Farkites]

Hi @khisr0w I'm not able to reproduce the issue that you have mentioned. Using your code I get the behaviour is as expected:

[LiamConnors]

@khisr0w are you running this in VSCode? What version of Plotly.js do you see if you hover over the Plotly logo in the corner?

[khisr0w]

@LiamConnors As a matter of fact, yes. The JS version seems to lower than what is shown in your case:

Is there a specific issue with VS Code?

[LiamConnors]

@khisr0w yeah, it can be an issue in VS Code as by default it uses its own bundled version of Plotly.js

This page gives a bit more detail.
https://plotly.com/python/troubleshooting/#vscode-notebook-nteract-and-streamlit-problems

If you call fig.show while setting the renderer to 'notebook', it should use the Plotly.py install version instead.

fig.show(renderer='notebook')

[khisr0w]

Worked like a charm. Thanks, @LiamConnors :)