Turbo 8 offers new features like page morphs and it's important to be aware of certain 'gotchas' when updating existing Rails Turbo apps. Scroll properties, autofocus attribute, and preserving form inputs are some key points to keep in mind. Caching and Turbo Rails meta tags are also discussed.
Table of contents
1. Don’t scroll: preserve All The Things™2. The autofocus attribute can unexpectedly cause the page to “jump” when a morph is applied3. Add a turbo-ignore attribute to form inputs and other HTML elements that you want to preserve between refreshes4. Paying attention to caching is even more crucial for performance5. Turbo Rails meta tags don’t appear where they’re called in the views6. Slow down the development environment to see “loading” states7. The turbo-cable-stream-source tag can break grid and flex layouts8. Lazy loading content with turbo_frames still has its placeWrap up7 Impressions