I know that I'm waiting almost 300ms for the main thread after tapping any button or link.
I know that removing both right side menus from the view eliminates the problem.
I tried Html.Lazy.lazy for the whole menu but that didn't do anything measurable.
I tried Html.keyed with the elements in the menu, but that didn't do anything measurable either.
I don't like how the view renders the "hiddenMenu". Also the menu seems to be visible still on the right, if I scroll there on mobile (not reachable on desktop). Maybe I should rewrite the whole part.
I can think of two ways of doing this:
Render all menus after selecting the gtd workflow and add the class depending on whether the menu should be visible.
Render one menu and fill it with selectable elements as defined by the action.
Turns out it's not a problem with the code but the dreaded touch delay:
I know that I'm waiting almost 300ms for the main thread after tapping any button or link. I know that removing both right side menus from the view eliminates the problem.
I tried Html.Lazy.lazy for the whole menu but that didn't do anything measurable. I tried Html.keyed with the elements in the menu, but that didn't do anything measurable either.
I don't like how the view renders the "hiddenMenu". Also the menu seems to be visible still on the right, if I scroll there on mobile (not reachable on desktop). Maybe I should rewrite the whole part.
I can think of two ways of doing this:
Turns out it's not a problem with the code but the dreaded touch delay:
https://www.sitepoint.com/5-ways-prevent-300ms-click-delay-mobile-devices
Adding a more specific viewport definition and
touch-action: manipulation;solved it.