Coverflow 2.4.33 issue in 19.05.09 - images overlaps outside of the div

[schnydszch]

Hi! I tried coverflow 2.4.33 with Koha 19.05.09, it seems the image overlaps outside of div. Please see attached image. And also it seems, the js code (opacuserjs) is not created. Thanks!

[kidclamp]

Can you check your CSS and JS preferences to ensure no coverflow settings remain there? and check the console for any errors? This works for me in 19.05.x

[schnydszch]

Chrome console is throwing me the following error:
jquery-3.4.1.min_19.1106000.js:2 [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/6662647093133312
preventDefault @ jquery-3.4.1.min_19.1106000.js:2

System preference 'opacuserjs' is blank, it has no codes in there.

[kidclamp]

The js and css pages are now loaded using the API, after install plack will need to be restarted. The opacuserjs is injected into the page by coverflow and the system preferences are not needed

Installing the latest version should help

[schnydszch]

Hi! Still getting this issue, but this time with 19.11. In console log, I am getting this: [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See Unable to preventDefault inside passive event listener due to target being treated as passive. jquery-3.4.1.min_19.1106000.js:2
Plugin version is 2.4.42. Thanks!

[schnydszch]

I followed comments from issue 33: #33 especially bowmanrt's
I have now made the images show inside the div of mainuserblock however there is not styling, I am getting image like below:

Plack was not enabled before so I enabled plack for this koha instance, restarted all services just to be sure: sudo systemctl restart memcached koha-common apache2

I even followed kidclamp's comment here: #33 (comment) of running perl /usr/share/koha/bin/devel/install_plugins.pl
from the koha shell and then restarted plack and memcached.

Additionally, I am getting the following in the console error log, but not sure if it's related:
The stylesheet https://dct-library.pilc.org.ph/api/v1/contrib/coverflow/static/jquery-flipster/jquery.flipster.min.css was not loaded because its MIME type, “text/x-perl”, is not “text/css”.

Lastly, when visiting https://hostname/api/v1/.html, I am getting Error 403 Sorry, the requested page is not available You are forbidden to view this page. I can actually open /api/v1/contrib/coverflow/static/jquery-flipster/jquery.flipster.min.css and the other one: /api/v1/contrib/coverflow/static/jquery-flipster/jquery.flipster.min.js

Thanks!