[Koha-devel] Javascript errors in OPAC

[dcook at prosentient.com.au]

Hi all (and especially Owen),

 

I'm noticing some odd Javascript errors in the OPAC in 19.11 and master. 

 

Steps to reproduce:

1.	Go to the OPAC and open the F12 dev tools. 
2.	Click on "Log in to your account"
3.	Note the following in your console logs

jquery-3.4.1.min_19.1200030.js:2 Uncaught Error: Syntax error, unrecognized
expression: /cgi-bin/koha/opac-user.pl

    at Function.se.error (jquery-3.4.1.min_19.1200030.js:2)

    at se.tokenize (jquery-3.4.1.min_19.1200030.js:2)

    at se.select (jquery-3.4.1.min_19.1200030.js:2)

    at Function.se (jquery-3.4.1.min_19.1200030.js:2)

    at Function.s.find (jquery-migrate-3.1.0.min_19.1200030.js:2)

    at k.fn.init.find (jquery-3.4.1.min_19.1200030.js:2)

    at s.fn.init.k.fn.init (jquery-3.4.1.min_19.1200030.js:2)

    at new s.fn.init (jquery-migrate-3.1.0.min_19.1200030.js:2)

    at k (jquery-3.4.1.min_19.1200030.js:2)

at HTMLAnchorElement.<anonymous> (bootstrap.min_19.1200030.js:6)

 

Using the Chrome tools, I was able to pretty print the Javascript, so now I
see the following:

Uncaught Error: Syntax error, unrecognized expression:
/cgi-bin/koha/opac-user.pl

    at Function.se.error (jquery-3.4.1.min_19.1200030.js:formatted:546)

    at se.tokenize (jquery-3.4.1.min_19.1200030.js:formatted:969)

    at se.select (jquery-3.4.1.min_19.1200030.js:formatted:1024)

    at Function.se (jquery-3.4.1.min_19.1200030.js:formatted:289)

    at Function.s.find (jquery-migrate-3.1.0.min_19.1200030.js:2)

    at k.fn.init.find (jquery-3.4.1.min_19.1200030.js:formatted:1138)

    at s.fn.init.k.fn.init (jquery-3.4.1.min_19.1200030.js:formatted:1159)

    at new s.fn.init (jquery-migrate-3.1.0.min_19.1200030.js:2)

    at k (jquery-3.4.1.min_19.1200030.js:formatted:50)

at HTMLAnchorElement.<anonymous> (bootstrap.min_19.1200030.js:formatted:535)

 

It kind of looks to me like some sort of incompatibility between Bootstrap
2.3.1 and Jquery 3.4.1?

 

I've put breakpoints up and down this code but it's not jumping out at me
exactly what's happening except that maybe it's trying to use the href
attribute as a selector and it's not working. but why it would even try in
the first place confuses me. It looks like a Bootstrap-level thing, which is
why I'm thinking maybe older versions of Jquery worked a bit differently? 

 

Anyway I've already stayed way too late at work today. Maybe someone smarter
than me can figure this one out.

 

David Cook

Systems Librarian

Prosentient Systems

72/330 Wattle St

Ultimo, NSW 2007

Australia

 

Office: 02 9212 0899

Direct: 02 8005 0595

 

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.koha-community.org/pipermail/koha-devel/attachments/20200304/eba9bab8/attachment-0001.html>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: signature.asc
Type: application/pgp-signature
Size: 484 bytes
Desc: not available
URL: <http://lists.koha-community.org/pipermail/koha-devel/attachments/20200304/eba9bab8/attachment-0001.sig>