Hey gents… We’re having 2 quick UI Issues:
- CSS Preload: The CSS files are being preloaded in the head tag:
<link rel="preload" href="/_next/static/css/c79b5e526f754e621379.css" as="style">, however, we’re still seeing flicker of fonts as the pages are loaded. Please see the 2 images attached.
- Sticky Elements: on iOS devices, Sticky elements are flickering on iOS devices only. See attached video.
For fonts, since you’re using Next, and you already know what fonts you’re using, you can try including the fonts directly yourself in a
<Head/>, instead of relying on Plasmic to do it. That will trigger Next’s font optimization, and it should try to preload and embed it even more:
For sticky elements – are you just using
position:sticky from within the studio?
We’ll implement your fonts suggestion, thank you.
position:sticky is within the studio. It’s working without issues when it’s set at the instantiation, however, when it’s set on a child element of a component, it causes this.