InputfieldImage: images in list view not sized according to slider on page load

[Toutouwai]

Short description of the issue

When images are in list view and the slider is used to adjust the thumbnails to a custom size, that custom size is not retained when the page is reloaded after saving.

Related forum thread: https://processwire.com/talk/topic/17403-bug-in-default-image-grid-mode-vertical-list-verbose/

Suggestion for a possible fix

The problem is here:

setGridSize($inputfield, size, ragged);
        
if($inputfield.hasClass('InputfieldImageEditAll') || mode == 'list') {
    var listSize = getCookieData($inputfield, 'listSize');
    setListSize($inputfield, listSize);
}

It looks like the expectation here is that all thumbnails are sized with setGridSize(), but then this is overridden for images in list view which will be sized with setListSize(). But this doesn't work because setGridSize() includes a setTimeout() which fires again after setListSize().

I think it should be okay to do either setGridSize() or setListSize() based on whether list view is active.

if($inputfield.hasClass('InputfieldImageEditAll') || mode == 'list') {
    var listSize = getCookieData($inputfield, 'listSize');
    setListSize($inputfield, listSize);
} else {
    setGridSize($inputfield, size, ragged);
}

Setup/Environment

• ProcessWire version: 3.0.80

[ryancramerdesign]

Thanks! Your debugging skills are awesome. I tested the fix you suggested and all seems to work and this should now be on the dev branch.

[Toutouwai]

Thanks.