Hi,
Our website has started showing a bug on safari 14. It works on chrome and firefox and safari 13 but not on safari 14.
The source of the problem is that at some point I set overflow to "hidden scroll" (I tried both with the overflow key and overflow-x and overflow-y). Doing this, the element in question is not shown (it is shown in any other browser). However, if I try commenting the jQuery line that does that, it is shown (although of course not looking as it should) and if I try setting the property on the developer tools it does not disapear.
I know it is a bit confusing. The website is codelearn.cat
The bug can be reproduced by going to the menu "Centres" > "Barcelona", another menu should appear but it does not. By using the developer tools and commenting the two lines around line 1881 (and refreshing) it shows.
I have tried, from the working version, to add the hidden scroll properties, and comparing the whole set of css properties of elements li and ul with the buggy version, they are exactly the same and still one shows the element and the other does not.
Let's see if someone knows what it could be and why it started happening only with safari 14.
PS: The javascript console does not work either, just shows watherver I write in blue but does not execute a thing... It is quite horrible to debug with safari.
PS2: I undestand the code is not simple and my JS is just a fix so the WP template looks a bit better, but there're many css and js that I have not written at all.
Thanks!
Our website has started showing a bug on safari 14. It works on chrome and firefox and safari 13 but not on safari 14.
The source of the problem is that at some point I set overflow to "hidden scroll" (I tried both with the overflow key and overflow-x and overflow-y). Doing this, the element in question is not shown (it is shown in any other browser). However, if I try commenting the jQuery line that does that, it is shown (although of course not looking as it should) and if I try setting the property on the developer tools it does not disapear.
I know it is a bit confusing. The website is codelearn.cat
The bug can be reproduced by going to the menu "Centres" > "Barcelona", another menu should appear but it does not. By using the developer tools and commenting the two lines around line 1881 (and refreshing) it shows.
Code Block jQuery(item).css('overflow-x', 'hidden');
Code Block jQuery(item).css('overflow-y', 'scroll');
I have tried, from the working version, to add the hidden scroll properties, and comparing the whole set of css properties of elements li and ul with the buggy version, they are exactly the same and still one shows the element and the other does not.
Let's see if someone knows what it could be and why it started happening only with safari 14.
PS: The javascript console does not work either, just shows watherver I write in blue but does not execute a thing... It is quite horrible to debug with safari.
PS2: I undestand the code is not simple and my JS is just a fix so the WP template looks a bit better, but there're many css and js that I have not written at all.
Thanks!