Fix conversation search and list to morph on refresh (#581)

Co-authored-by: Keith Schacht <[email protected]>

Author: mattlindsey

app/javascript/stimulus/search_controller.js

@@ -5,6 +5,10 @@ export default class extends Controller {
 
   inputTargetConnected() {
     this.setSearchClearIcon()
+    // Ensure the cursor is at the end of the input
+    this.inputTarget.selectionStart =
+      this.inputTarget.selectionEnd =
+        this.inputTarget.value.length
   }
 
   disconnect() {

app/views/conversations/index.html.erb

@@ -1,4 +1,4 @@
-<turbo-frame data-turbo-permanent id="nav-conversations">
+<turbo-frame id="nav-conversations">
   <section id="search"
     class="pt-6 text-gray-950 dark:text-gray-100 select-none"
   >
@@ -17,11 +17,12 @@
             w-full
             p-2 py-1
             border border-gray-200 rounded-lg
-            text-black dark:text-gray-800
+            text-black dark:text-gray-200
+            placeholder-gray-300 dark:placeholder-gray-500
+            bg-transparent
 	        |,
 	        data: {
 	          search_target: "input",
-            turbo_permanent: true,
 	          action: %|
 	            blur->search#unfocus
 	            input->search#search

app/views/messages/_nav_column.html.erb

@@ -27,5 +27,6 @@
 
 <turbo-frame id="nav-conversations"
   src="<%= conversations_path(conversation_id: @conversation&.id) %>"
+  refresh="morph"
   loading="lazy"
 />