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


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="shahryarjb" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/shahryarjb/120/39485_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  shahryarjb
                    <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">
								<aside class="quote no-group" data-username="mindok" data-post="11" data-topic="29562">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/mindok/48/13538_2.png" class="avatar"> mindok:</div>
<blockquote>
<p>I took a look. I think there might be a liveview bug when a liveview is embedded within the layout (i.e. <code>live_render</code> in <code>app.html.leex</code> ) - a <code>live_patch</code> causes the event handler to come detached. If you are able to create a minimal case to demonstrate that we can submit a bug report.</p>
</blockquote>
</aside>
<p>Hi my friend, I don’t think to submit a bug because my English is not good <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">  I’m not native. some issue I did but I couldn’t understand them what I meant. if you could it would be great.</p>
<p>Thanks for your suggestion, I submitted many commit today and Tomorrow( Iran Time) I will replace your changes on my code and commit again but before it I try to create easy  way and do less code more than now.</p>
<p>but for now with my way I said!</p>
<aside class="quote no-group" data-username="shahryarjb" data-post="10" data-topic="29562">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/shahryarjb/48/39485_2.png" class="avatar"> shahryarjb:</div>
<blockquote>
<pre data-code-wrap="elixir"><code class="lang-elixir">&lt;%= live_render(@socket, ErfanWeb.Live.Notification, id: :hero) %&gt;
</code></pre>
</blockquote>
</aside>
<p>it works, but we should repeat this code in every page</p>
<p>Thank you.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="165785" 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/send-notifications-to-all-page-in-phoenix-liveview/29562/12">Post #11</a>
	                </div>
	            </div>
              <div id="likers-container-165785" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="165785"
                     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="165786" data-post-id="165786">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>I have just reproduced it on the live_view_samples project so I’ll submit a bug… hopefully you will then be able to remove all the repeats.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="165786" 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/send-notifications-to-all-page-in-phoenix-liveview/29562/13">Post #12</a>
	                </div>
	            </div>
              <div id="likers-container-165786" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="165786"
                     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="165791" data-post-id="165791">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>ok - bug logged here:<br>
<a href="https://github.com/phoenixframework/phoenix_live_view/issues/678" class="onebox" target="_blank" rel="noopener nofollow ugc">https://github.com/phoenixframework/phoenix_live_view/issues/678</a></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="165791" data-batch-url="/posts/batch_likers">
                        4
                      </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/send-notifications-to-all-page-in-phoenix-liveview/29562/14">Post #13</a>
	                </div>
	            </div>
              <div id="likers-container-165791" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="165791"
                     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="165810" data-post-id="165810">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="shahryarjb" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/shahryarjb/120/39485_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  shahryarjb
                    <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">
								<aside class="quote no-group" data-username="mindok" data-post="11" data-topic="29562">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/mindok/48/13538_2.png" class="avatar"> mindok:</div>
<blockquote>
<p>he notification fires before the liveview is created to “catch”</p>
</blockquote>
</aside>
<p>yeh, you are right, but I’m creating a video to teach this <code>LiveView</code> in Persian language, and next lesson is <code>genserver</code> and <code>redis</code>, on that time I will store this, thank you for your suggestions.</p>
<p>I refactored my code and I used your code. this project is a small ordering for cafes.</p>
<aside class="onebox allowlistedgeneric" data-onebox-src="https://gitlab.com/shahryar.tbiz/erfan/-/commit/6646cd9a0be7ab831a46f690815baa5fadd4b2a4">
  <header class="source">
      <img src="https://gitlab.com/assets/favicon-72a2cad5025aa931d6ea56c3201d1f18e68a8cd39788c7c80d5b2b82aa5143ef.png" class="site-icon" alt="" width="32" height="32">

      <a href="https://gitlab.com/shahryar.tbiz/erfan/-/commit/6646cd9a0be7ab831a46f690815baa5fadd4b2a4" target="_blank" rel="noopener nofollow ugc">GitLab</a>
  </header>

  <article class="onebox-body">
    <img width="64" height="64" src="https://gitlab.com/assets/twitter_card-570ddb06edf56a2312253c5872489847a0f385112ddbcd71ccfa1570febab5d2.jpg" class="thumbnail onebox-avatar" alt="">

<h3><a href="https://gitlab.com/shahryar.tbiz/erfan/-/commit/6646cd9a0be7ab831a46f690815baa5fadd4b2a4" target="_blank" rel="noopener nofollow ugc">change static notif to daynamic and store in alist, improve food box css and...</a></h3>

  <p>GitLab.com</p>


  </article>

  <div class="onebox-metadata">
    
    
  </div>

  <div style="clear: both"></div>
</aside>
 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="165810" 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/send-notifications-to-all-page-in-phoenix-liveview/29562/15">Post #14</a>
	                </div>
	            </div>
              <div id="likers-container-165810" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="165810"
                     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="165842" data-post-id="165842">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="shahryarjb" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/shahryarjb/120/39485_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  shahryarjb
                    <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>he just closed without any comment <img src="https://forum.elixirforum.com/images/emoji/apple/frowning.png?v=15" title=":frowning:" class="emoji" alt=":frowning:" loading="lazy" width="20" height="20"><br>
<a href="https://github.com/phoenixframework/phoenix_live_view/issues/678" class="onebox" target="_blank" rel="noopener nofollow ugc">https://github.com/phoenixframework/phoenix_live_view/issues/678</a></p>
<p>I think it will be fixed in new version .<br>
<a href="https://github.com/phoenixframework/phoenix_live_view/commit/8406fd00896f41b7afd785a04ebd3feaa550160c" class="onebox" target="_blank" rel="noopener nofollow ugc">https://github.com/phoenixframework/phoenix_live_view/commit/8406fd00896f41b7afd785a04ebd3feaa550160c</a><br>
<img src="https://forum.elixirforum.com/images/emoji/apple/shushing_face.png?v=15" title=":shushing_face:" class="emoji only-emoji" alt=":shushing_face:" loading="lazy" width="20" height="20"> <img src="https://forum.elixirforum.com/images/emoji/apple/thinking.png?v=15" title=":thinking:" class="emoji only-emoji" alt=":thinking:" 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="165842" 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/send-notifications-to-all-page-in-phoenix-liveview/29562/16">Post #15</a>
	                </div>
	            </div>
              <div id="likers-container-165842" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="165842"
                     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="165843" data-post-id="165843">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="benwilson512" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/benwilson512/120/1457_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  benwilson512
                  </h3>
		          </div>
						
			          <div class="user-title">
									<span>Author of Craft GraphQL APIs in Elixir with Absinthe</span>
			          </div>
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="quote no-group" data-username="shahryarjb" data-post="16" data-topic="29562">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/shahryarjb/48/39485_2.png" class="avatar"> shahryarjb:</div>
<blockquote>
<p>he just closed without any comment <img src="https://forum.elixirforum.com/images/emoji/apple/frowning.png?v=15" title=":frowning:" class="emoji" alt=":frowning:" loading="lazy" width="20" height="20"></p>
</blockquote>
</aside>
<p>This happens on Github if he pushes a commit that says “Fixes <span class="hashtag-raw">#issue-number</span>”. <img src="https://forum.elixirforum.com/uploads/default/optimized/3X/3/2/32bd02681326d513498a4e40dc878e94e71369d5_2_690x37.png" alt="image" data-base62-sha1="7eQP6AHInbdSpdeXwtU6RnO0hW5" width="690" height="37" srcset="https://forum.elixirforum.com/uploads/default/optimized/3X/3/2/32bd02681326d513498a4e40dc878e94e71369d5_2_690x37.png, https://forum.elixirforum.com/uploads/default/original/3X/3/2/32bd02681326d513498a4e40dc878e94e71369d5.png 1.5x, https://forum.elixirforum.com/uploads/default/original/3X/3/2/32bd02681326d513498a4e40dc878e94e71369d5.png 2x" data-dominant-color="E1DDE0"><br>
That’s what that ^ means.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="165843" data-batch-url="/posts/batch_likers">
                        4
                      </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/send-notifications-to-all-page-in-phoenix-liveview/29562/17">Post #16</a>
	                </div>
	            </div>
              <div id="likers-container-165843" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="165843"
                     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="165930" data-post-id="165930">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Yes - and I have confirmed that it’s fixed in current github master against the test case. If you update your dependencies to point to the current commit you should be able to remove all the <code>live_render</code> calls from each liveview and have a single call in <code>app.html.leex</code>.</p>
<p>To do this:</p>
<ol>
<li>Change the liveview entry in <code>mix.exs</code> to <code>{:phoenix_live_view, "~&gt; 0.8.0", github: "phoenixframework/phoenix_live_view"}</code></li>
<li>Unlock the liveview dependency - command line is <code>mix deps.unlock phoenix_live_view</code></li>
<li>Update the liveview dependency - <code>mix deps.update phoenix_live_view</code></li>
</ol>
<p>Let us know how you go with the genserver version.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="165930" 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/send-notifications-to-all-page-in-phoenix-liveview/29562/18">Post #17</a>
	                </div>
	            </div>
              <div id="likers-container-165930" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="165930"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-last-post cat-last-post" title="Last post!"></div>
  </section>
</div>
</template></turbo-stream><turbo-stream action="replace" target="load-more-container"><template><div id="load-more-container" class="load-more-container">
    <span class="all-loaded">— All posts loaded —</span>
</div></template></turbo-stream>