Precisely (tested via daily backups) since Oct 8th Webflow UI update, webflow publishes incorrect “sizes” attribute for images inside grid elements. Instead of utilizing user column span setting, it defaults to the # of columns based definition in VW units.
Older images published before Oct 8th are unaffected.
Issue is replicated cross browser.
STEP BY STEP DETAILS
The occurrence of the “Sizes Attribute Publishing” bug coincided precisely with the “Safari Designer Unresponsive” bug outlined at Unable to select & edit elements in WebFlow
While “Safari Designer Unresponsive” issue appears isolated to Safari, “Sizes Attribute Publishing” bug is reproduced when published in either latest Opera or Chrome versions.
Images published prior to Oct 8th are unaffected and receive correct sizes setting.
EX. The following image (published prior to Oct 8th) is set to span all 5 columns and receives the correct “sizes=100vw” attribute — ensuring it both spans the full width of the division and browser loads the high resolution image asset
- Images published since Oct 8th (the first occurrence of the new visual loader for Designer)
ignore the user column-span setting to span 1-5 columns and receive “sizes=”(max-width: 479px) 25vw, (max-width: 767px) 59vw, (max-width: 991px) 20vw, 21vw""
- I have created a mini site test site for you to experience this issue.
It contains a copy paste of the original Grid Element where the problem was encountered, as well as 2 new ones + a few test divs to ensure that the issue was isolated to responsive image loading.