Cannot use string array for wrapperClass since 6.5.9

[mxlle]

• Swiper Version: 6.5.9, probably related to commit
• Platform/Target and Browser Versions: e.g. macOs Chrome

What You Did

Setting the default wrapperClass + a custom wrapper class by using an array
<swiper [wrapperClass]="['swiper-wrapper', 'custom-swiper-wrapper']">

Working StackBlitz with version 6.5.8
Broken StackBlitz with version 6.5.9

Expected Behavior

We want to set an additional wrapper class to apply some custom styling, but also have the default styling of the .swiper-wrapper class.

This worked by using a string array, but is now broken since version 6.5.9

I realize that this was an undocumented feature, but as it used to work, it would be really great to keep it 😇

Actual Behavior

Component broken, several exceptions in console, because classes are not applied correctly.

[nolimits4web]

Don't expect something undocumented to work, and not sure why it was working:) You can just pass ['a', 'b'].join(' ') to wrapperClass to make a string from classes

[mxlle]

Don't expect something undocumented to work, and not sure why it was working:) You can just pass ['a', 'b'].join(' ') to wrapperClass to make a string from classes

I tried that too, but it doesn't work... To get the wrapperEl you use $el.children(`.${swiper.params.wrapperClass}`) in your code which will fail. I think this must have changed too, as it was working before.

Could we maybe tag this as feature request instead then?

[mxlle]

Actually for now we can just use <swiper class="custom-swiper-wrapper">
My colleague just pointed me to this, that the mentioned commit above actually changed the behaviour to attach the class of the root level to the wrapper div.

Though this too isn't documented 😕

[nolimits4web]

Yeah, that is a bug for sure :) and already removed here 1285195

[nolimits4web]

Add support for this to the core