max-width is unsopported

[Metis77]

While using max-width or min-width should both be fine for the sizes attribute, only the approach with min-width validates.

[ausi]

Were you able to resolve the issue as you closed it already?

[Metis77]

No, but the reason for my issues where another.
I now think it is js repaint/render related.

Whenever images get layed out by js, for example in a Slider or Masonry, your script seams to analyse to soon.
so it gets the final rendered sizes wrong. (claims image does not match sizes, while it does)

Not sure, if there would be a solution to this.

[ausi]

Maybe we could try to trigger a resize event manually here:

respimagelint/src/collector/readDimensions.js

Lines 134 to 137 in 194f755

	setStyles(iframe, {
	width: width + 'px',
	height: height + 'px',
	});

[Metis77]

If it helps, I came across this issue white testing the slider on: https://relaunchlive.granvogl.com/

[peter-neumann-dev]

I also experienced this with other sliders from splide.js or slick slider library. During testing, I always used a single slide only because if the slides are changing automatic during the linting process, of course they will get wrong because the image is maybe hidden or even removed from the DOM.