Hi!
I have tested on three different Beta 3 installs and I am getting consistently the same result. Scrolling through Theme options, like Typography for example, isn’t smooth anymore.
Thanks!
Hi Misho,
I’ve seen this happen on the Typography screen for a while, even before the beta. It’s probably exacerbated by the fact that we added more wrapping markup around controls. We did this to get more control in the vertical and horizontal contexts. Theme Options still uses Ember and doesn’t have the best performance. Regretfully there isn’t much we can do just now, but we will be rewriting that whole interface in React as early as the next release which will dramatically increase performance.
Hmm, I think this is something different. On Stable installs it may happen a little bit, but on Beta 3 installs it is barely usable.
A small mouse scroll makes it jump a lot, after stalling first for a second or two.
Ok, I think I know what’s wrong here. I was able to see the delay more severely on another site. So the Google Font Controls output tons of options inline and the perfect scrollbar library is probably doing some kind of blocking query. If I temporarily remove those controls it is very responsive. You can also observe it getting faster if you turn on the Font Manager.
It’s probably slowly gotten worse over time as we’ve added more and more google fonts. We will need to optimize that control to not always fill the DOM with options.
Update: I’ve changed this so the <option> elements are dynamically added as the select is focused. This introduces a slight delay when you click to open the options, but I feel like it’s a better tradeoff than poor scrolling performance.