Bug: texttemplate and hovertemplate show inconsistent values when categoryarray is used in Heatmap

Minimal working example:

import plotly.graph_objects as go

z = [
    [1, None, 30, 50, 1],
    [20, 1, 60, 80, 30],
    [30, 60, 1, -10, 20]
]
x = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday']
y = ['Morning', 'Afternoon', 'Evening']

fig = go.Figure(
    data=go.Heatmap(
        z=z,
        x=x,
        y=y,
        text=z,
        texttemplate='%{x}<br>%{y}<br>%{text}',
        hovertemplate='%{x}<br>%{y}<br>%{text}<extra></extra>',
    )
)

# Reverse y-axis order
fig.update_layout(yaxis={'categoryarray': y[::-1]})
fig.show()

Expected behavior:

• When the yaxis.categoryarray is reversed, both the heatmap cells and the text (%{text}) / hover labels should display the correctly corresponding values from z.

Actual behavior:

• The axis ordering (x, y) updates correctly.

• The visual placement of heatmap cells updates correctly.

• However, %{text} in hovertemplate still correspond to the original unsorted order of z.

• This leads to mismatched hover and text values after sorting by category.

Example:

After reversing the y axis, the heatmap looks right, but hovering over a cell labeled "Morning / Monday" still shows the value corresponding to "Evening / Monday" from the original order.

Additional note (text color rendering issue)

I also noticed that the text color changes incorrectly after sorting:

In the unsorted heatmap, cells like “Thursday / Evening” show white text on a dark blue background, which is legible and consistent.

After applying the categoryarray sort, the same cell (now visually repositioned) starts showing almost black text on the same dark background, making it nearly invisible.

This suggests that the automatic contrast adjustment for text color (based on cell background) may not update properly after the category sorting.

Version info

plotly.__version__
# 6.3.1

Reproduisez le problème avec l’exemple Python minimal en utilisant Plotly 6.3.1, y compris le yaxis categoryarray inversé. Suivez la façon dont heatmap cell values, texttemplate, hovertemplate et le contraste automatique du texte sont remappés après le tri des catégories ; le travail est terminé lorsque les valeurs affichées et les couleurs du texte restent alignées avec les cellules repositionnées.