Bug when using categorical axes and colors in plotly.express

According to the documentation:

By default, Plotly Express lays out categorical data in the order in which it appears in the underlying data.

However, when using categorical axes in conjunction with colors, things do not show up in the order of the underlying data anymore.

import plotly.express as px
pdata_x = ["A","B",None,"B","C",None,"C","D", None, "D", "E", None]
pdata_y = [1,1,None,2,2,None,3,3,None,4,4,None]
pdata_color = [1,1,1,2,2,2,2,2,2,1,1,1]
px.line(x=pdata_x, y=pdata_y, color=pdata_color).show()

Output is

When not(!) using colors, we would get the correct output:

px.line(x=pdata_x, y=pdata_y ).show()

For anyone who comes across this problem, a temporary fix is explicitely specifying the category order:

px.line(x=pdata_x, y=pdata_y, color=pdata_color, category_orders={"x":["A","B","C","D"]}).show()

plotly==4.14.3
Python 3.8.0 (default, Feb 25 2021, 22:10:10)

まず、カテゴリカルな x 値と色を使った、提供されている Python および plotly.express px.line の例を実行し、次に色なしの場合および明示的な category_orders を指定した場合と比較します。色付きの線でカテゴリの順序がどのように決定されるかを追跡します。color を使用した場合でもデフォルトの順序が基になるデータに従い、文書化されている明示的な順序の workaround も引き続き機能すれば完了です。