DagRuns page renders the state column with artifacts

Apache Airflow version: 1.10.10

Environment:

Docker image python:3.7-slim.

How to reproduce it:

Navigate to /admin/dagrun/.

Other:

The web server returns HTML that consists of:

<a
	data-csrf=""
	data-pk="1150737"
	data-role="x-editable"
	data-source="[{&#34;text&#34;: &#34;&#34;, &#34;value&#34;: &#34;__None&#34;}, {&#34;text&#34;: &#34;success&#34;, &#34;value&#34;: &#34;success&#34;}, {&#34;text&#34;: &#34;running&#34;, &#34;value&#34;: &#34;running&#34;}, {&#34;text&#34;: &#34;failed&#34;, &#34;value&#34;: &#34;failed&#34;}]"
	data-type="select2"
	data-url="./ajax/update/"
	data-value="<span class="label" style="background-color:green;">success</span>" 
	href="#" 
	id="state" 
	name="state"
>
	<span class="label" style="background-color:green;">success</span>
</a>

Flask-Admin version is 1.5.4. After a brief investigation, the problem seems to be related to using HTML as a value for an editable widget.

[kaxil]

Fixed in https://github.com/apache/airflow/commit/dbe308c7ea31043d86ac1b563c5590fe6c40bcb5

[voroninman]

I am facing the same problem. did you manage to solve this?

No. I haven’t tried really as it’s mostly esthetics.

I believe you can also not set the state on that page. Try changing the state there to running/failed you’ll see it doesn’t update. However, setting the state from other sections does work.

True. I do change the state from other sections.