<turbo-stream action="append" target="posts_list"><template>    <div class="postbit" id="296486" data-post-id="296486">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="belgoros" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/belgoros/120/39798_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  belgoros
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>ops, my bad, I totally messed it up <img src="https://forum.elixirforum.com/images/emoji/apple/sweat_smile.png?v=15" title=":sweat_smile:" class="emoji" alt=":sweat_smile:" loading="lazy" width="20" height="20">.<br>
Here is how looks the <code>table/1</code> function where I just added a single line like <a class="mention" href="/u/codeanpeace" rel="nofollow">@codeanpeace</a> did (inside tbody section):</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">&lt;tbody
          id={@id}
          phx-update={match?(%Phoenix.LiveView.LiveStream{}, @rows) &amp;&amp; "stream"}
          class="relative text-sm leading-6 border-t divide-y divide-zinc-100 border-zinc-200 text-zinc-700"
        &gt;
        &lt;tr class="hidden last:table-row"&gt;&lt;td&gt;No Streamed Items&lt;/td&gt;&lt;/tr&gt;
          &lt;tr :for={row &lt;- @rows} id={@row_id &amp;&amp; @row_id.(row)} class="group hover:bg-zinc-50"&gt;
...
</code></pre>
<p>What I also noticed is that “No Streamed items” also get visible right after displaying a modal to create a new  Item.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="296486" data-batch-url="/posts/batch_likers">
                        1
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/stream-empty-state-is-there-a-way-to-check-when-a-stream-is-empty/57219/12">Post #11</a>
	                </div>
	            </div>
              <div id="likers-container-296486" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="296486"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #11"></div>
  </section>
</div>
    <div class="postbit" id="296487" data-post-id="296487">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="sodapopcan" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/sodapopcan/120/34668_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  sodapopcan
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>And still does not work or it does work now?</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="296487" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/stream-empty-state-is-there-a-way-to-check-when-a-stream-is-empty/57219/13">Post #12</a>
	                </div>
	            </div>
              <div id="likers-container-296487" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="296487"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #12"></div>
  </section>
</div>
    <div class="postbit" id="296488" data-post-id="296488">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="belgoros" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/belgoros/120/39798_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  belgoros
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Before deletion:<br>
</p><div class="lightbox-wrapper"><a class="lightbox" href="https://forum.elixirforum.com/uploads/default/original/3X/e/9/e93e92f520c535bdb9be2a1989ba1c388579a52a.jpeg" data-download-href="https://forum.elixirforum.com/uploads/default/e93e92f520c535bdb9be2a1989ba1c388579a52a" title="Screenshot 2023-08-01 at 17.02.28" rel="nofollow"><img src="https://forum.elixirforum.com/uploads/default/original/3X/e/9/e93e92f520c535bdb9be2a1989ba1c388579a52a.jpeg" alt="Screenshot 2023-08-01 at 17.02.28" data-base62-sha1="xhnjwuzPDXljxOjCcRpZzocZsj8" width="690" height="251" data-dominant-color="F7F7F7"><div class="meta"><svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use href="#far-image"></use></svg><span class="filename">Screenshot 2023-08-01 at 17.02.28</span><span class="informations">1200×437 20.2 KB</span><svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use href="#discourse-expand"></use></svg></div></a></div><br>
After deletion, without refreshing the page:<br>
<div class="lightbox-wrapper"><a class="lightbox" href="https://forum.elixirforum.com/uploads/default/original/3X/9/0/9056f6c1aec984b000d7b42f1f88cf95bfa6c7b2.png" data-download-href="https://forum.elixirforum.com/uploads/default/9056f6c1aec984b000d7b42f1f88cf95bfa6c7b2" title="Screenshot 2023-08-01 at 17.03.11" rel="nofollow"><img src="https://forum.elixirforum.com/uploads/default/optimized/3X/9/0/9056f6c1aec984b000d7b42f1f88cf95bfa6c7b2_2_690x284.png" alt="Screenshot 2023-08-01 at 17.03.11" data-base62-sha1="kAT4EoKSpb3GSML3WbnUjpculwK" width="690" height="284" srcset="https://forum.elixirforum.com/uploads/default/optimized/3X/9/0/9056f6c1aec984b000d7b42f1f88cf95bfa6c7b2_2_690x284.png, https://forum.elixirforum.com/uploads/default/optimized/3X/9/0/9056f6c1aec984b000d7b42f1f88cf95bfa6c7b2_2_1035x426.png 1.5x, https://forum.elixirforum.com/uploads/default/optimized/3X/9/0/9056f6c1aec984b000d7b42f1f88cf95bfa6c7b2_2_1380x568.png 2x" data-dominant-color="F9F9F9"><div class="meta"><svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use href="#far-image"></use></svg><span class="filename">Screenshot 2023-08-01 at 17.03.11</span><span class="informations">1872×772 48.1 KB</span><svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use href="#discourse-expand"></use></svg></div></a></div><p></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="296488" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/stream-empty-state-is-there-a-way-to-check-when-a-stream-is-empty/57219/14">Post #13</a>
	                </div>
	            </div>
              <div id="likers-container-296488" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="296488"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #13"></div>
  </section>
</div>
    <div class="postbit" id="296490" data-post-id="296490">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="sodapopcan" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/sodapopcan/120/34668_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  sodapopcan
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Weird.  It seems like it’s somehow being re-ordered to the after stream’s <code>tr</code>s… or something.  Maybe try <code>hidden only:table-row</code>.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="296490" data-batch-url="/posts/batch_likers">
                        2
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/stream-empty-state-is-there-a-way-to-check-when-a-stream-is-empty/57219/15">Post #14</a>
	                </div>
	            </div>
              <div id="likers-container-296490" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="296490"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #14"></div>
  </section>
</div>
    <div class="postbit" id="296514" data-post-id="296514">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="belgoros" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/belgoros/120/39798_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  belgoros
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Yay, using <code>&lt;tr class="hidden only:table-row"&gt;&lt;td&gt;No Streamed Items&lt;/td&gt;&lt;/tr&gt;</code> worked like a charm :). Thanks a lot! But not as needed:</p>
<ul>
<li>when an item is deleted, the table just displays the available items.</li>
<li>when deleting the last item in the table, you can see the table headers and no “No Streamed items”</li>
<li>when refreshing the page, you can still see the table headers and “No Streamed items”.<br>
<div class="lightbox-wrapper"><a class="lightbox" href="https://forum.elixirforum.com/uploads/default/original/3X/3/2/322222bbd88b8fb3be9f6adc0f223af76946cf9d.png" data-download-href="https://forum.elixirforum.com/uploads/default/322222bbd88b8fb3be9f6adc0f223af76946cf9d" title="Screenshot 2023-08-01 at 18.47.34" rel="nofollow"><img src="https://forum.elixirforum.com/uploads/default/optimized/3X/3/2/322222bbd88b8fb3be9f6adc0f223af76946cf9d_2_690x170.png" alt="Screenshot 2023-08-01 at 18.47.34" data-base62-sha1="79v0y7DkH4oJoNZsg5JKIBqCuhT" width="690" height="170" srcset="https://forum.elixirforum.com/uploads/default/optimized/3X/3/2/322222bbd88b8fb3be9f6adc0f223af76946cf9d_2_690x170.png, https://forum.elixirforum.com/uploads/default/optimized/3X/3/2/322222bbd88b8fb3be9f6adc0f223af76946cf9d_2_1035x255.png 1.5x, https://forum.elixirforum.com/uploads/default/optimized/3X/3/2/322222bbd88b8fb3be9f6adc0f223af76946cf9d_2_1380x340.png 2x" data-dominant-color="FAFAFA"><div class="meta"><svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use href="#far-image"></use></svg><span class="filename">Screenshot 2023-08-01 at 18.47.34</span><span class="informations">1614×398 14.5 KB</span><svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use href="#discourse-expand"></use></svg></div></a></div></li>
</ul>
<p>This is, frankly, not exactly the expected behavior:slightly_frowning_face:</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="296514" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/stream-empty-state-is-there-a-way-to-check-when-a-stream-is-empty/57219/16">Post #15</a>
	                </div>
	            </div>
              <div id="likers-container-296514" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="296514"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #15"></div>
  </section>
</div>
    <div class="postbit" id="296522" data-post-id="296522">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="sodapopcan" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/sodapopcan/120/34668_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  sodapopcan
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Yep, that stands to reason since the CSS is based on the number of <code>tr</code>s.</p>
<p>You can always use JS to hide if empty.  If you don’t want to resort to JS you’ll have to try another method from this thread.</p>
<p><em>However</em>, since you say you only have one page, you possibly don’t need a stream at all.  If you hold all the articles in state then your original code (from the other thread) will work and this problem goes away.  Streams are only necessary if you have very large amounts of data of an unknown size.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="296522" data-batch-url="/posts/batch_likers">
                        1
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/stream-empty-state-is-there-a-way-to-check-when-a-stream-is-empty/57219/17">Post #16</a>
	                </div>
	            </div>
              <div id="likers-container-296522" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="296522"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #16"></div>
  </section>
</div>
    <div class="postbit" id="296535" data-post-id="296535">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="codeanpeace" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/codeanpeace/120/10278_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  codeanpeace
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="quote no-group" data-username="sodapopcan" data-post="15" data-topic="57219">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/sodapopcan/48/34668_2.png" class="avatar"> sodapopcan:</div>
<blockquote>
<p>hidden only:table-row</p>
</blockquote>
</aside>
<p>TIL there’s an <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/:only-child" rel="noopener nofollow ugc"><code>only-child</code> pseudoselector</a> – nice!</p>
<aside class="quote no-group" data-username="belgoros" data-post="16" data-topic="57219">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/belgoros/48/39798_2.png" class="avatar"> belgoros:</div>
<blockquote>
<p>you can still see the table headers</p>
</blockquote>
</aside>
<p>Yeah, when I first had the idea, I had <code>&lt;ul&gt;</code>/<code>&lt;ol&gt;</code> and <code>&lt;li&gt;</code> elements in mind where it would be much less of an issue or even desired behavior. I ended up applying the idea to the <code>.table</code> core component purely out of convenience since that was what was available in a newly generated Phoenix app.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="296535" data-batch-url="/posts/batch_likers">
                        1
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/stream-empty-state-is-there-a-way-to-check-when-a-stream-is-empty/57219/18">Post #17</a>
	                </div>
	            </div>
              <div id="likers-container-296535" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="296535"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #17"></div>
  </section>
</div>
    <div class="postbit" id="296536" data-post-id="296536">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="sodapopcan" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/sodapopcan/120/34668_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  sodapopcan
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="quote no-group" data-username="codeanpeace" data-post="18" data-topic="57219">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/codeanpeace/48/10278_2.png" class="avatar"> codeanpeace:</div>
<blockquote>
<p>TIL there’s an <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/:only-child" rel="noopener nofollow ugc"><code>only-child</code> pseudoselector</a> – nice!</p>
</blockquote>
</aside>
<p>I also TIL’d looking into this issue even though it’s been supported as early as 17 years ago now (Firefox) according to <a href="https://caniuse.com/mdn-css_selectors_only-child" rel="noopener nofollow ugc">caniuse</a> <img src="https://forum.elixirforum.com/images/emoji/apple/sweat_smile.png?v=15" title=":sweat_smile:" class="emoji" alt=":sweat_smile:" loading="lazy" width="20" height="20"></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="296536" data-batch-url="/posts/batch_likers">
                        3
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/stream-empty-state-is-there-a-way-to-check-when-a-stream-is-empty/57219/19">Post #18</a>
	                </div>
	            </div>
              <div id="likers-container-296536" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="296536"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #18"></div>
  </section>
</div>
    <div class="postbit" id="296549" data-post-id="296549">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="loics2" src="/assets/icons/user-9f439610.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  loics2
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>I have the same issue as you (not for a <code>&lt;table&gt;</code> though, but with a list of <code>&lt;div&gt;</code>), and there’s a strange behavior when removing an item.</p>
<p>I have the following code:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">&lt;main
  id="shift-list"
  phx-update="stream"
&gt;
  &lt;.empty icon="clock-off" class="hidden only:block"&gt;
    &lt;:title&gt;&lt;%= dgettext("events", "No shifts") %&gt;&lt;/:title&gt;
    &lt;:subtitle&gt;&lt;%= dgettext("events", "There are no shifts for this event.") %&gt;&lt;/:subtitle&gt;
  &lt;/.empty&gt;

  &lt;.live_component
    :for={{id, shift} &lt;- @streams.shifts}
    id={id}
    shift={shift}
  /&gt;
&lt;/main&gt;
</code></pre>
<p>Both components are basically <code>&lt;div&gt;</code>. It works fine when there’s only one item or more, my empty state div is hidden, and the items are visible underneath:</p>
<p><img src="https://forum.elixirforum.com/uploads/default/optimized/3X/2/f/2fd2ec1a855694d6a59151ab5c2dd1b74b6dd35d_2_690x56.png" alt="image" data-base62-sha1="6P4l50bnIAhhcc86Bsz3e6ZMbM1" width="690" height="56" srcset="https://forum.elixirforum.com/uploads/default/optimized/3X/2/f/2fd2ec1a855694d6a59151ab5c2dd1b74b6dd35d_2_690x56.png, https://forum.elixirforum.com/uploads/default/original/3X/2/f/2fd2ec1a855694d6a59151ab5c2dd1b74b6dd35d.png 1.5x, https://forum.elixirforum.com/uploads/default/original/3X/2/f/2fd2ec1a855694d6a59151ab5c2dd1b74b6dd35d.png 2x" data-dominant-color="2C3140"></p>
<p>Then, when I delete the item, a new empty state is added:</p>
<p><img src="https://forum.elixirforum.com/uploads/default/optimized/3X/c/7/c738e62ffc4011a1c20ff2f1cdf117b1511f3cbe_2_690x56.png" alt="image" data-base62-sha1="sqoVcciTmPF7X20VBUAEq8ORn5Q" width="690" height="56" srcset="https://forum.elixirforum.com/uploads/default/optimized/3X/c/7/c738e62ffc4011a1c20ff2f1cdf117b1511f3cbe_2_690x56.png, https://forum.elixirforum.com/uploads/default/original/3X/c/7/c738e62ffc4011a1c20ff2f1cdf117b1511f3cbe.png 1.5x, https://forum.elixirforum.com/uploads/default/original/3X/c/7/c738e62ffc4011a1c20ff2f1cdf117b1511f3cbe.png 2x" data-dominant-color="282F3C"></p>
<p>And I think even more are added on each update of the list.</p>
<p><a class="mention" href="/u/chrismccord" rel="nofollow">@chrismccord</a> can we put non-stream stuff inside a <code>phx-update="stream"</code> container?</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="296549" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/stream-empty-state-is-there-a-way-to-check-when-a-stream-is-empty/57219/20">Post #19</a>
	                </div>
	            </div>
              <div id="likers-container-296549" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="296549"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #19"></div>
  </section>
</div>
    <div class="postbit" id="296593" data-post-id="296593">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="belgoros" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/belgoros/120/39798_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  belgoros
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Actually, instead of using the stream (proposed by default when using a generator), I use a classic assign <code>{:ok, assign(socket, :items, list_items())}</code> as the list is not too large. But it looks a bit frustrating that such a classic task makes so much trouble <img src="https://forum.elixirforum.com/images/emoji/apple/slight_smile.png?v=15" title=":slight_smile:" class="emoji" alt=":slight_smile:" loading="lazy" width="20" height="20"></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="296593" data-batch-url="/posts/batch_likers">
                        1
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/stream-empty-state-is-there-a-way-to-check-when-a-stream-is-empty/57219/21">Post #20</a>
	                </div>
	            </div>
              <div id="likers-container-296593" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="296593"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #20"></div>
  </section>
</div>
</template></turbo-stream><turbo-stream action="replace" target="load-more-container"><template><div id="load-more-container" class="load-more-container">
    <a class="load-more-button" data-turbo-stream="true" href="/topics/57219/load_more?page=3">Load more posts (7 remaining)</a>
</div></template></turbo-stream>