I have been working on trying to implement an “Application Shell” with navigation on the left and a search bar at the top. I want to have the search query “persist” between page navigation and so I used a Turbo Frame to do exactly that with a
data-turbo-frame on the urls outside of the shell for the search results. This works exceptionally well, however it does not change the browser destination/URL.
The code looks a little something like this:
<div class="application_shell"> <div class="search_component" > </div> <%= turbo_frame_tag "inner_shell" do %> <%= yield %> <%end%> </div>
I was wondering could this functionality be added to Turbo/Hotwire or is there a far easier way that I am missing with the current version.