<p dir="auto"><strong>Apache Airflow version</strong>: 1.10.10</p>
<p dir="auto"><strong>Kubernetes version</strong>: 1.15.11</p>
<ul dir="auto">
<li><strong>Cloud provider</strong>: Google Cloud</li>
</ul>
<p dir="auto"><strong>What happened</strong>:</p>
<p dir="auto">After switching DAGs serialization on, "State" column in UI shows HTML code for all DAGs on the "Dag Runs" page. "Task Instances" page works fine.<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/57914365/81667874-85b6da80-944c-11ea-9704-49cc6c553f48.png"><img src="https://user-images.githubusercontent.com/57914365/81667874-85b6da80-944c-11ea-9704-49cc6c553f48.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto"><strong>What you expected to happen</strong>:</p>
<p dir="auto">"State" column should not show HTML code.</p>
<p dir="auto"><strong>How to reproduce it</strong>:<br>
Switch serialization on using env var AIRFLOW__CORE__STORE_SERIALIZED_DAGS=true. Then open the "Dag Runs" page.</p>
<p dir="auto"><strong>Apache Airflow version</strong>: 1.10.10</p>
<p dir="auto"><strong>Environment</strong>:</p>
<p dir="auto">Docker image <a href="https://github.com/docker-library/python/blob/b818e9441c088295165edf79a791503f1fe7f6f7/3.7/buster/slim/Dockerfile">python:3.7-slim</a>.</p>
<p dir="auto"><strong>How to reproduce it</strong>:</p>
<p dir="auto">Navigate to <code class="notranslate">/admin/dagrun/</code>.</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/399059/81069421-2273f800-8ee2-11ea-8346-3e74d289607b.png"><img width="960" alt="Screenshot 2020-05-05 at 15 05 26" src="https://user-images.githubusercontent.com/399059/81069421-2273f800-8ee2-11ea-8346-3e74d289607b.png" style="max-width: 100%;"></a></p>
<p dir="auto"><strong>Other</strong>:</p>
<p dir="auto">The web server returns HTML that consists of:</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;a
	data-csrf=&quot;&quot;
	data-pk=&quot;1150737&quot;
	data-role=&quot;x-editable&quot;
	data-source=&quot;[{&amp;#34;text&amp;#34;: &amp;#34;&amp;#34;, &amp;#34;value&amp;#34;: &amp;#34;__None&amp;#34;}, {&amp;#34;text&amp;#34;: &amp;#34;success&amp;#34;, &amp;#34;value&amp;#34;: &amp;#34;success&amp;#34;}, {&amp;#34;text&amp;#34;: &amp;#34;running&amp;#34;, &amp;#34;value&amp;#34;: &amp;#34;running&amp;#34;}, {&amp;#34;text&amp;#34;: &amp;#34;failed&amp;#34;, &amp;#34;value&amp;#34;: &amp;#34;failed&amp;#34;}]&quot;
	data-type=&quot;select2&quot;
	data-url=&quot;./ajax/update/&quot;
	data-value=&quot;&lt;span class=&quot;label&quot; style=&quot;background-color:green;&quot;&gt;success&lt;/span&gt;&quot; 
	href=&quot;#&quot; 
	id=&quot;state&quot; 
	name=&quot;state&quot;
&gt;
	&lt;span class=&quot;label&quot; style=&quot;background-color:green;&quot;&gt;success&lt;/span&gt;
&lt;/a&gt;"><pre class="notranslate"><span class="pl-kos">&lt;</span><span class="pl-ent">a</span>
	<span class="pl-c1">data-csrf</span>=""
	<span class="pl-c1">data-pk</span>="<span class="pl-s">1150737</span>"
	<span class="pl-c1">data-role</span>="<span class="pl-s">x-editable</span>"
	<span class="pl-c1">data-source</span>="<span class="pl-s">[{&amp;#34;text&amp;#34;: &amp;#34;&amp;#34;, &amp;#34;value&amp;#34;: &amp;#34;__None&amp;#34;}, {&amp;#34;text&amp;#34;: &amp;#34;success&amp;#34;, &amp;#34;value&amp;#34;: &amp;#34;success&amp;#34;}, {&amp;#34;text&amp;#34;: &amp;#34;running&amp;#34;, &amp;#34;value&amp;#34;: &amp;#34;running&amp;#34;}, {&amp;#34;text&amp;#34;: &amp;#34;failed&amp;#34;, &amp;#34;value&amp;#34;: &amp;#34;failed&amp;#34;}]</span>"
	<span class="pl-c1">data-type</span>="<span class="pl-s">select2</span>"
	<span class="pl-c1">data-url</span>="<span class="pl-s">./ajax/update/</span>"
	<span class="pl-c1">data-value</span>="<span class="pl-s">&lt;span class=</span>"<span class="pl-c1">label</span>" style="<span class="pl-s">background-color:green;</span>"<span class="pl-kos">&gt;</span>success<span class="pl-kos">&lt;/</span><span class="pl-ent">span</span><span class="pl-kos">&gt;</span>" 
	href="#" 
	id="state" 
	name="state"
<span class="pl-kos">&gt;</span>
	<span class="pl-kos">&lt;</span><span class="pl-ent">span</span> <span class="pl-c1">class</span>="<span class="pl-s">label</span>" <span class="pl-c1">style</span>="<span class="pl-s">background-color:green;</span>"<span class="pl-kos">&gt;</span>success<span class="pl-kos">&lt;/</span><span class="pl-ent">span</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">a</span><span class="pl-kos">&gt;</span></pre></div>
<p dir="auto">Flask-Admin version is 1.5.4.<br>
After a brief investigation, the problem seems to be related to using HTML as a value for an editable widget.</p>