Mobile Safari rendering bug? Black Box on site - rendering

Hey there I build a website a long time ago and now I noticed that there is a bug on my site!
If users open the page on a ios device with ios 6 in the safari app there is a black box on the bottom of the content box! (See screenshot below)
On other browsers like firefox or google chrome and also on safari for mac all looks fine.
The URL of the site is http://rsaschheim.de
Hope someone can help!
Thanks Laurenz
iOS 6 screenshot with Bug:
iOS 5 screenshot without Bug:

This seems to be fixed in the current iOS Version.

Related

Missing "Web Inspector" Settings in simulator

After doing a "Reset All Content And Settings.." on the simulator the setting to enable using the web inspector in safari has disappeared, and I have no idea how to get it back:
Does anyone have an idea how to get this back, and "remote" debug a webpage in the simulator again?
It seems that this option is not available in the simulated devices. Tip: If you want to connect the console from your desktop Safari, you will need the Technology Preview. the normal one does not discover the simulator (though it finds the real device normally)
In my case (macOS 10.14.3 and iOS 12.1 simulators), the setting isn't there, but is active by default. Open the simulator and you should see it in Safari under Develop.
i needed to restart desktop safari. might help.
Worked for me download new Safari:
IOS Simulator: 13.4
(Safari Technology Preview)
https://developer.apple.com/safari/download/
Safari Technology Preview

How to debug iPhone X simulator from safari?

I'm trying to debug iPhone X simulator from safari, so that I can adjust my CSS. But it doesn't appear under Develop toolbar. Where on other hand iPhone 7 simulator appears. Web inspector is enabled on both devices. On Safari Technical Preview I have the same issue.
Perhaps anyone knows how can I make iPhone X simulator to appear in Develop toolbar?
Try restarting Safari while keeping your simulator open. That did the trick for me.
It appears that OSX version has to be updated to High Sierra Beta 10.31.1

DojoX slider not working on iOS 8 / safari 8

I had a project in Dojo, with Slider from DojoX. On iPad iOS 6 it was working ok. Now I updated the iPad to iOS 8 - and the slider does not react to touch anymore.
Online demo of slider (http://demos.dojotoolkit.org/demos/touch/demo.html) is also not working on iOS 8.
Anyone has any experience on this?
I suspect you (and the web site as well) are not using the latest Dojo versions that are required for iOS8 support. Upgrading to the latest release will probabably solve your issue.
Questions about dojo usage or possible bug are discussed on the dojo-interest mailing list. Web interfaces are available from the Dojo Toolkit Community page. If you’ve filing a bug, see How to File a Dojo Bug Report

iOS7 Smart Banner Disappearing

We are having an issue where smart banners appear in Safari on iOS6, but when testing in Safari on iOS7 with non 5s devices the banner briefly appears (sort of a placeholder without content) and then disappears. We have tested other sites other than ours and it seams to be consistent behavior. dropbox.com cnn.com usatoday.com all have smart banners visible with Safari iOS6, but that are disappearing when reached from Safari iOS7 from iPhone4, iPhone4s, iOS Simulator, iPhone5.
Is anyone else seeing this behavior?
I was having the same behaviour on iOS8.
It turns out that the ID I grabbed from the app store url was prefixed with "id". Once I removed that prefix it started working as expected.
In this example URL
http://itunes.apple.com/ca/app/ditchtv/id1042361181?mt=8, the meta tag should be:
<meta name="apple-itunes-app" content="app-id=1042361181">
I hope this helps!
I saw this same problem, but only for apps that have not been built with the iOS7 SDK. My older apps that have been compiled with the iOS <= 6 SDK will show an app banner on phones running iOS <= 6, but only apps compiled with iOS SDK == 7 will show on a phone running iOS 7.

Debugging iOS7 Safari CSS issues with web inspector

I followed the steps to set up debugging webpage on iOS. It worked. However I see an issue with the inspector - it doesn't let me check the DOM and corresponding CSS. Anyone else has this issue? (Exact same issue when debugging using the simulator.)
Screenshot: http://screencast.com/t/E4fxPQwk14
Resource: https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/DebuggingSafarioniPhoneContent/DebuggingSafarioniPhoneContent.html
Thanks!
UPDATE: WebKit nightly works. Thank you Timothy Hatcher!
You need to use a WebKit nightly, Safari 6.1 or Mavericks to use Web Inspector with iOS 7.
If you don't have access to Mavericks, You can also use Chrome devtools via proxy.
Debug iOS 6+7 Mobile Safari using the Chrome DevTools