#Safari not seeing overflow x code

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. It is quite horrible to debug with safari. On the iPad that floated table header is just as wide as the wrapper element, the rest of it is cropped. When using floatThead at some point it requests the width of the table with outerWidth() to set the width of the table header when it is floated. PS: The javascript console does not work either, just shows watherver I write in blue but does not execute a thing. Works nice on desktop browsers and Safari/iOS. I have implemented a mobile slide in menu using CSS and overflow-x: hidden to hide the menu when translated off-screen. Let's see if someone knows what it could be and why it started happening only with safari 14. 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. By using the developer tools and commenting the two lines around line 1881 (and refreshing) it shows.Ĭode Block jQuery(item).css('overflow-x', 'hidden') Ĭode Block jQuery(item).css('overflow-y', 'scroll')

The bug can be reproduced by going to the menu 'Centres' > 'Barcelona', another menu should appear but it does not. 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. overflow-y: CSS property to specify what happens when content overflows vertically i. Doing this, the element in question is not shown (it is shown in any other browser). Now if you want to check for overflow in a specific direction that is the x-axis and y-axis you can use the overflow-x and overflow-y properties. 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). It works on chrome and firefox and safari 13 but not on safari 14. Our website has started showing a bug on safari 14.

Safari not seeing overflow x