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


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>For posterity:</p>
<p>The problem you were encountering that none of the responders were clocking is that browsers are very opinionated about click events now.  As part of preventing CSRF attacks, click events can only come from 1) a user action, 2) the debug console, or 3) fired from an onclick handler (eg, make a custom file upload button click the real button).</p>
<p>This happened about 10 years ago on some browsers and followed quickly to the rest.</p>
<p>And it’s why triggering it purely from the client side ended up working for you, and fiddling around in the console, but not a single one of the other suggestions did.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="344874" 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/phx-click-and-js-onclick-together/47553/12">Post #11</a>
	                </div>
	            </div>
              <div id="likers-container-344874" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="344874"
                     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>