Opencart web layout is not working on Safari & iPhone properly - safari

Can anyone tell me that why my opencart layout is not working properly? Sliders are going here and there. Half of my page layout is effected on Safari & iPhone. But in Chrome, Mozila, Opera is fine

Related

Background image when recording video in safari

I have a video recording with the ability to choose a background (for example, blurry or upload your own picture). It doesn't work in safari (but works in chrome and other browsers) and I get this error. Can you tell me how to solve this? Project on the vue
error image in console-safari

My site does not load on new Safari version 15

My ruby on rails website does not load on safari 15. It works fine on older versions as well as other browsers. The below is what I see in Safari 15
There is nothing in the console logs or any indication of what the "problem" is. Interestingly this is also an issue for my site if I run it locally on localhost:3000 which leads me to think it's an issue with something in my sites code.
If I disable Javascript the site will then load, what in my Javascript could cause this?
I have a similiar problem with my matured React app. Some users of my web application are using Safari 15 and they report that some fragments of the application are not loaded.
I also got screenshots from them. There is nothing indicated in the console.
But interesstingly all the HTML canvas elements are not rendered. Even the small ones.
Some examples:
Leaflet map in canvas (map tiles somehow not rendered):
A chart in a canvas (chart stays blank):
I mean it is working in every other browser since years and also Safari 14 and Safari on iOs.
Must be something Safari 15 realted.
For me this ended up being an issue with Three.js, I needed to upgrade it's version then the site worked in safari. If you're not using Three.js, then I'd recommend checking the other JavaScript packages you are using.

safari web inspector preview not accurate

I am trying to make a simple web site look ok on iphone 6 ... when I preview it in Safari web inspector it looks fine:
Preview of site for iphone 6 in Safari web inspector
However, when I actually open the live site on my iphone, it looks like this:
actual site on iphone 6
If I have to, I can keep (blindly) tweaking it and uploading the new css file to the web, and checking it until I fix the spacing problem, but does anyone know why the preview isn't accurate?

Why webkit2webprocess.exe stop in safari?

I am testing my website in all browser, and suddenly I encounter this problem in safari browser version 5.1.7. The app crashes and there is always a popup which as shown below when I clicked to another link on my website. I am using windows 7 OS. Why is this happening? Is this because of my code?
Any answer is very much appreciated.

mediaelement.js - Subtitles are not visible on iPad or Safari(fullscreen only)

I'm trying to use subtitles with MediaElement.js HTML5 video player (the same behavior is with VideoJS). The subtitles are not displayed on iPad2 (4.3.3) at all and are not displayed in Safari 5.0.5 (OSX 10.6) player fullscreen mode. I'm using mediaelements.js front page for testing.
Is this technical limitation or bug in the libraries?
Thanks,
Radim