Checkerboard behind transparent images not repeated but streched

[jaller94]

Bug report

Steps to reproduce

1. Upload a transparent image onto your Nextcloud.
2. View it in the Gallery app.
3. Hover it with your mouse/cursor.

Expected behaviour

The CSS background image should be repeated so it becomes a checkerboard. This is defined here:

gallery/css/slideshow.css

Line 28 in ee63a8a

background: black url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAMFBMVEX/AAD/AP8AAP8A//8A/wD//wB/AAB/AH8AAH8Af38AfwCCfwAAAAAZGRkzMzNMTEy64p6SAAAAF0lEQVQI12P4DwRngICBQgaIAHEoZAAASHBywR1kvCwAAAAASUVORK5CYII=) repeat;

Actual behaviour

The CSS background-image is streched.

A local style has been applied by some JavaScript, setting the background-size attribute. This causes the background image to be streched.

Server configuration

Nextcloud version: 10.0.0

Gallery version: 15.0.0

Updated from an older Nextcloud/ownCloud or fresh install: Updated from 9.0.53

Where did you install Nextcloud from: nextcloud.com

[oparoz]

Thanks for the report. This is due to the library that we use which takes the original div and zooms in and out.
Hopefully this will be fixed once we change slideshow engine.

[skjnldsv]

Superseded by #540