CSS interim placeholders #169
HovKlan-DH
started this conversation in
Ideas
Replies: 1 comment
-
|
Hi there! The "Reduce FOUCE" method mitigates FOUCE on individual components. I've submitted an internal PR to offer some utilities to help solve this at the page-level that I'm hoping will land in the next alpha release. |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
I am using the newest alpha.10, and though I am using the "Reduce FOUCE" method, then I am experiencing UI is jumping. I could of course have made something wrong in my implementation (view below code), but it nevertheless made me think of a possibility to have CSS placeholders?
I mean... e.g. I am using
<wa-avatar>and I have set this to a fixed width and height. Wouldn't it then be possible for you to add some kind of "temporary CSS placeholder element", so the browser will render this as a grey box or alike, until its content gets loaded? By then it will have this spot reserved already, and at least no UI jumping.Just alike this in Bootstrap - I never used that, but looks like what I am wanting here, https://getbootstrap.com/docs/5.1/components/placeholders/
For my code, I do have this - a mix of many things:
Beta Was this translation helpful? Give feedback.
All reactions