We are using a multiple column flex layout. Each line columns are displayed.
Through the use of infinite scroll thats add an extra level between wrapper and content flex is not working anymore.

Is it possible to not add an extra level? Instead add the class directly to the viewwrapper?

Our Solution at the moment is a javascript that adds a class to the infinite-scroll-content-wrapper.
In Internet Explorer 11 we had to delete the extra row classes so that the columns are correctly displayed.

// infinite scroll display row | and IE 11 problems
$(document).ready(function () {
$('.views-infinite-scroll-content-wrapper').addClass('row');
var isAtLeastIE11 = !!(navigator.userAgent.match(/Trident/) && !navigator.userAgent.match(/MSIE/));
if (isAtLeastIE11 == true) {
$('.views-infinite-scroll-content-wrapper').parent().removeClass('row');
$('.aktuelle-ausgabe-uebersicht').children('.view-content').removeClass('row');
}
else {
// empty
}
});

Comments

Rainer F. Gottlieb created an issue. See original summary.

anybody’s picture

anybody
Primary language German
Location Porta Westfalica
commented
Parent issue: » #3098132: [MASTER] Handle style plugin specific wrappers around views rows properly

Please contribute to #3098132: [MASTER] Handle style plugin specific wrappers around views rows properly to find a clever solution and write tests for all core and contrib views style plugins. :)

simgui8’s picture

simgui8 commented

You may also add a class the same way infinite scroll does it :

/**
 * Implements hook_preprocess_views_view().
 */
function views_infinite_scroll_preprocess_views_view(&$variables) {
  $variables['rows']['#theme_wrappers']['container']['#attributes']['class'][] = 'my-amazing-class';
}
neslee canil pinto’s picture

neslee canil pinto
he/him
Primary language English
commented
Status: Active » Closed (won't fix)

As per #3 i am closing this issue. Feel free to post here.