How can I easily comment out lines in a *.html.heex file?

Like in any html file?

<!--
commented code
-->

When I try using <!-- --> I get this:

== Compilation error in file lib/myapp_web/views/product_view.ex ==
** (Phoenix.LiveView.HTMLTokenizer.ParseError) lib/myapp_web/templates/product/show.html.heex:18:1: expected closing `-->` for comment

Here is the state of the file that gives me that error:

<h1>Show Product</h1>

<ul>

  <li>
    <strong>ProductMaker</strong>
    <%= @maker.email %>
  </li>

  <li>
    <strong>Sheet ID:</strong>
    <%= @product.sheet_id %>
  </li>

<!--
  <li>
    <strong>Product:</strong>
    <%= inspect @product.product %>
  </li>
-->

</ul>
<!--
<span><%= link "Edit", to: Routes.product_path(@conn, :edit, @product) %></span> |
<span><%= link "Back", to: Routes.product_path(@conn, :index) %></span>
-->

I’m sorry, I was testing on eex file

You might find some tips in this issue…

https://github.com/phoenixframework/phoenix_live_view/issues/1590

Thanks. That issue seems to be directly related to my problem. I’m still not crystal clear on how to comment out lines in a *.heex file, though – I asked for some more clarification in the issue.

Did you try <%# commented html code here %>

Just looked at your code, the example I just gave will work until you hit your other %> — woops, thanks for the catch @APB9785.

I’m pretty sure I don’t have this issue in my heex files using the standard html comment syntax. I’ll check later and let you know why/if it works for me.

The opening <% is fine, it’s the closing %> that will end the comment prematurely.

In this example:

<h1>Show Product</h1>
<ul>

  <li>
    <strong>ProductMaker</strong>
    <%= @maker.email %>
  </li>

  <li>
    <strong>Sheet ID:</strong>
    <%= @product.sheet_id %>
  </li>

<%#
  <li>
    <strong>Product:</strong>
    <%= inspect @product.product %>
  </li>
%>

</ul>

<span><%= link "Edit", to: Routes.product_path(@conn, :edit, @product) %></span> |
<span><%= link "Back", to: Routes.product_path(@conn, :index) %></span>

I have tried commenting-out the third list item using the syntax you suggested. I get the following error:

Compilation error in file lib/myapp_web/views/product_view.ex ==
** (Phoenix.LiveView.HTMLTokenizer.ParseError) lib/myapp_web/templates/product/show.html.heex:17:3: unmatched closing tag. Expected </ul> for <ul> at line 2, got: </li>

The problem is that there is a <%= something %> within the section that I want to enclose in the comment, so the ending tag for that something ends up closing the comment.

Mine work OK too for single and multi lines, but if I add a <%= anything %> to the comment, then I will get the aforementioned compilation error.

Yes, just quickly checked and I can second @tadasajon and @APB9785 that I receive that compilation error when <%= something %> pops up inside the comment.

Adding {anything} to the comment seems to work fine, though. But that won’t solve the problem, because standalone {anything} doesn’t evaluate.