Hologram website navigation problems on mobile

Hey @dblack,

• Which browser are you using?
• Does this happen consistently every time you follow the same sequence of actions?
• Are you able to access the browser’s dev tools to check for any error messages?

Happens for me with both chrome and Vivaldi on android.

Yes, consistently for all pages.

I’ll get back to you with any errors once I fire up my PC during the week.

Apparently there was a post on Hacker News about Hologram that made it to the front page: https://news.ycombinator.com/item?id=42710376, and a lot of people experienced the same issue as you, somebody even created a bug report: Slow navigation in the documentation · Issue #165 · bartblast/hologram · GitHub

Here are my findings (copied from the GitHub issue):

I identified a bug in Hologram’s patching mechanism which occurs when root element (html) attributes are modified during navigation. This happens in this case because the html element gets a Tailwind overflow-hidden class when the menu opens to prevent scrolling underneath the menu container.

The noticeable lag (~500ms) will remain for a while as this is Hologram 0.2.0 (an alpha release, see: 🎉 Hologram - An Isomorphic Elixir Web Framework is Here!) with some temporary implementations:

• The current bitstring implementation is very inefficient (since templates are essentially long bitstrings, this significantly impacts performance)
• There’s extensive logging for debugging
• Every action triggers a full template re-render

These issues are scheduled to be fixed in upcoming releases.

The Hologram fix has been applied to the website - could you confirm if the menu works correctly now (aside from the noticeable lag)? Navigation to the next page should be fast; only opening/closing the menu without clicking a link should have the noticeable lag.

Hi @bartblast, yes, that works better