inline if tag inside html tag adds new line break every time formatter runs

[dblado]

given the following html tag:

<span class="label 
{% if wave.publshed %}
label-success
{% else %}
label-warning
{% endif %}">
</span>

a new line break is added above and below the classname every time the formatter runs.

[millesm]

I have a similar issue.

before saving the code is

      <tbody class="bg-white dark:bg-dark-800 divide-y divide-gray-200 dark:divide-gray-700">
        {% for invoice in invoices %}
          {% include 'training_tenant/partials/coach_invoice_list_row.html' %}
        {% empty %}
          <tr>
            <td colspan="{% if request.user.is_staff or request.user.is_superuser %}                   
                7
              {% else %}
                6
              {% endif %}"
              class="px-6 py-4 whitespace-nowrap text-sm text-center text-gray-500">No invoices found.</td>
          </tr>
        {% endfor %}
      </tbody>

after saving once

      <tbody class="bg-white dark:bg-dark-800 divide-y divide-gray-200 dark:divide-gray-700">
        {% for invoice in invoices %}
          {% include 'training_tenant/partials/coach_invoice_list_row.html' %}
        {% empty %}
          <tr>
            <td colspan="{% if request.user.is_staff or request.user.is_superuser %}
                                   
                7

              {% else %}
                
                6

              {% endif %}"
              class="px-6 py-4 whitespace-nowrap text-sm text-center text-gray-500">No invoices found.</td>
          </tr>
        {% endfor %}
      </tbody>
    </table>

and after saving again

      <tbody class="bg-white dark:bg-dark-800 divide-y divide-gray-200 dark:divide-gray-700">
        {% for invoice in invoices %}
          {% include 'training_tenant/partials/coach_invoice_list_row.html' %}
        {% empty %}
          <tr>
            <td colspan="{% if request.user.is_staff or request.user.is_superuser %}
                
                                   
                7


              {% else %}
                
                
                6


              {% endif %}"
              class="px-6 py-4 whitespace-nowrap text-sm text-center text-gray-500">No invoices found.</td>
          </tr>
        {% endfor %}
      </tbody>

nothing changed between saves, it just decided to put the extra lines in place

The other and far more annoying change is moving from the current saved state

    {% if request.user.is_coach or request.user.is_staff or request.user.is_superuser and invoice.status == 'DRAFT' %}
      <button hx-post="{% url 'training:coach_invoice_submit' invoice.pk %}" hx-confirm="Are you sure you want to submit this invoice and mark it as 'Sent'?" class="text-green-600 hover:text-green-900">Submit</button>
    {% endif %}

I add some ( ) into the IF statement
{% if (request.user.is_coach or request.user.is_staff or request.user.is_superuser) and invoice.status == 'DRAFT' %}

press save and the ( ) are removed, reverting code back to the original state.

these changes happen even if I make a change and then close the tab and forcing the save on exit, rather than saving with the tab open.

The code changes also happen if I do a 'save as' so there is no working around the problem once it has decided to occur.

If I edit directly in GIT and then pull back into vscode, make the same ( ) change and save, the ( ) will be removed on save.

The only solution I have found is to disable the extension. This problem is not consistent - many files have the issue, but not all files.

[junstyle]

you should aviod using {% %} in html attitude.

I have a similar issue.

before saving the code is

      <tbody class="bg-white dark:bg-dark-800 divide-y divide-gray-200 dark:divide-gray-700">
        {% for invoice in invoices %}
          {% include 'training_tenant/partials/coach_invoice_list_row.html' %}
        {% empty %}
          <tr>
            <td colspan="{% if request.user.is_staff or request.user.is_superuser %}                   
                7
              {% else %}
                6
              {% endif %}"
              class="px-6 py-4 whitespace-nowrap text-sm text-center text-gray-500">No invoices found.</td>
          </tr>
        {% endfor %}
      </tbody>

after saving once

      <tbody class="bg-white dark:bg-dark-800 divide-y divide-gray-200 dark:divide-gray-700">
        {% for invoice in invoices %}
          {% include 'training_tenant/partials/coach_invoice_list_row.html' %}
        {% empty %}
          <tr>
            <td colspan="{% if request.user.is_staff or request.user.is_superuser %}
                                   
                7

              {% else %}
                
                6

              {% endif %}"
              class="px-6 py-4 whitespace-nowrap text-sm text-center text-gray-500">No invoices found.</td>
          </tr>
        {% endfor %}
      </tbody>
    </table>

and after saving again

      <tbody class="bg-white dark:bg-dark-800 divide-y divide-gray-200 dark:divide-gray-700">
        {% for invoice in invoices %}
          {% include 'training_tenant/partials/coach_invoice_list_row.html' %}
        {% empty %}
          <tr>
            <td colspan="{% if request.user.is_staff or request.user.is_superuser %}
                
                                   
                7


              {% else %}
                
                
                6


              {% endif %}"
              class="px-6 py-4 whitespace-nowrap text-sm text-center text-gray-500">No invoices found.</td>
          </tr>
        {% endfor %}
      </tbody>

nothing changed between saves, it just decided to put the extra lines in place

The other and far more annoying change is moving from the current saved state

    {% if request.user.is_coach or request.user.is_staff or request.user.is_superuser and invoice.status == 'DRAFT' %}
      <button hx-post="{% url 'training:coach_invoice_submit' invoice.pk %}" hx-confirm="Are you sure you want to submit this invoice and mark it as 'Sent'?" class="text-green-600 hover:text-green-900">Submit</button>
    {% endif %}

I add some ( ) into the IF statement
{% if (request.user.is_coach or request.user.is_staff or request.user.is_superuser) and invoice.status == 'DRAFT' %}

press save and the ( ) are removed, reverting code back to the original state.

these changes happen even if I make a change and then close the tab and forcing the save on exit, rather than saving with the tab open.

The code changes also happen if I do a 'save as' so there is no working around the problem once it has decided to occur.

If I edit directly in GIT and then pull back into vscode, make the same ( ) change and save, the ( ) will be removed on save.

The only solution I have found is to disable the extension. This problem is not consistent - many files have the issue, but not all files.

[dblado]

@junstyle
That's a terrible workaround since django template language fully supports it -- pycharm django html formatting supports it too.

I can't use vscode without the ability to format django templates that contain {% %} inside HTML tags.

If this plugin is no longer maintained, then please say so -- otherwise please at least take this feedback as an enhancement request.