Here is beta build 1 of Blocs 5.0.3. It’s a bit of a mixed bag of improvements and refinements, some CSS Grid fixes along with better publishing error handling and another optimization for lighthouse speed scores.
More improvements coming in build 2 on Friday.
Anyway, happy testing!
Don’t forget to hard-reload the page to clear cache
Just confirming I no longer need to enable screen recording for every newly installed version of Blocs. It just says Blocs-5.0 in system preferences and works automatically across betas or stable builds.
Images no longer responsive? I have an image on my page, which has 3 variants:
@1x = 133 x 177 @2x and 3x image = 3024 x 4032.
Preview and browser display the correct @x, but the size is locked and not responsive, so a high resolution image is stuck displaying at 133 x 177. Never had an issue before, tried it on blocs 4 and
works as it should or has done previously.
I edited the only custom class on the image, which was deleting the max width from 75% on both Blocs 4.5.4 and Blocs 5.0.3 Beta 1, results below, both taken from preview
You might need to adjust the class to force it to scale up. Blocs now adds width and height attributes to images as it’s recommended by Google for page load speed.
On a side note, on an M1 Mac 8GB and Blocs has used around 30-40GB of swap in the last hour or so. I have been thinking that opening projects, and using the built-in preview and browser has been quite sluggish. Not sure if this is normal, I guess it depends on the project ultimately?
Hey @AdieJAM and @Brocky120. As I mentioned in previous posts, Blocs now forces the image width and height attributes on image tags to help with Google Lighthouse speed scores. However, as you both mentioned, there are occasions when you might require the images to scale up as well as down.
In build 2 of Blocs 5.0.3 there is a new scale option that can be easily applied to an image that will give it that behaviour.