Why is  added when setting the modifier?

Question

opencart

I'm trying to write a breadcrumb modifier for OC 3, in general it turned out, but for some reason this symbol is added. What's wrong? Here is the code

<file path="catalog/view/theme/*/template/checkout/{cart,checkout}*.twig">
  <operation error="skip">
        <search><![CDATA[{% for breadcrumb in breadcrumbs %}]]></search>
  <add position="replace" offset="3"><![CDATA[{% for key, breadcrumb in breadcrumbs %}{% if key + 1 < breadcrumbs|length %}<li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>{% else %}<li>{{ breadcrumb.text }}</li>{% endif %}{% endfor %}</ul>]]></add>
  </operation> 
</file>

The validator swears that only li should be in ul...

Answer 1

Some of the files are in the wrong encoding. UTF-8 with BOM instead of UTF-8 without BOM