-
Re: ios 9 Safari / Web App Viewport Problem (expands to fit all elements in view)
VegOtter Aug 14, 2015 7:30 AM (in response to furvy)Thanks for this. During Beta 3 and 4 we had issues where our content would position and shift out of place too and scaling was acting weird.
With your workaround it was fine.
However, I noticed Apple did fix this as of Beta 5. So here is hoping it stays this way going forward.
-
Re: ios 9 Safari / Web App Viewport Problem (expands to fit all elements in view)
furvy Aug 16, 2015 7:55 PM (in response to VegOtter)Just in response to your comment on Beta 5... I didn't find this fixed in the Beta 5 release. Perhaps because it was a slightly different issue to what you were experiencing? So I still have the open bug report in with Apple.
-
-
Re: ios 9 Safari / Web App Viewport Problem (expands to fit all elements in view)
Utku Sipahioğlu Sep 16, 2015 5:33 PM (in response to furvy)Actually, this bug still exists on iOS 9.0 build 13A344 (which is the last "stable" build).
-
Re: ios 9 Safari / Web App Viewport Problem (expands to fit all elements in view)
RwwL Sep 18, 2015 7:54 AM (in response to Utku Sipahioğlu)Bug reports aren't public, are they? Since this is a serious one and needs better discoverability (been searching for details on this for way too much of the day), can I suggest you copy your report to OpenRadar.com?
-
-
Re: ios 9 Safari / Web App Viewport Problem (expands to fit all elements in view)
envest Sep 17, 2015 3:58 AM (in response to furvy)I have smiliar problem stable on ios9 with all browser
-
Re: ios 9 Safari / Web App Viewport Problem (expands to fit all elements in view)
Krepelk Sep 21, 2015 4:26 PM (in response to furvy)If anyone is still having this issue with iOS 9, here's an email I received from support.
For context, I sent them an example of a page with a large amount of text that overflowed outside of the initial viewport. That page also had the meta tags you described. On iOS 8, the scale was correct (set to 1) and I could scroll horizontally, but on iOS 9 it tried to zoom all the way out.
"
This page falls into a new behavior that was added to improve the behavior of pages when in iPad multi-tasking mode.
The page claims to have content that fits into the device width:
<meta name="viewport" content="width=device-width, initial-scale=1, min-scale=1, max-scale=1">
but then lies and lays out very wide, because of the unwrappable line of text.
On iOS 8, this page would have laid out with scale=1, but been horizontally scrollable.
On iOS 9, we now scale this page down to fit the viewport.
You can revert to the iOS 8 behavior by adding “shrink-to-fit=no” in the viewport meta tag.
"
Hopefully this helps those who googled or searched their way here.
-
Re: ios 9 Safari / Web App Viewport Problem (expands to fit all elements in view)
papaya Sep 24, 2015 1:27 PM (in response to Krepelk)Thank god I found this. Apple's change broke my mobile-optimized Web site, which has a slide-out reveal of the navigation. It was making the page scale down whenever the navigation was exposed, making everything tiny and harder to click on.
How does it help the iPad multi-tasking mode to ignore 'minimum-scale=1.0, maximum-scale=1.0'?
PS: I wouldn't need those two, if there was something like "zoom-to-fit=no" that prevented Safari from automatically zooming in when clicking in an input, or changing the zoom when rotating the device, or scaling iframes separately from the rest of the page.
-
Re: ios 9 Safari / Web App Viewport Problem (expands to fit all elements in view)
shildebrandt Oct 8, 2015 3:39 AM (in response to Krepelk)adding “shrink-to-fit=no” in the viewport meta tag - this is what helped me!! Thank you Krepelk
-
Re: ios 9 Safari / Web App Viewport Problem (expands to fit all elements in view)
brayne Oct 15, 2015 5:34 PM (in response to Krepelk)Krepelk, you're a life-saver, “shrink-to-fit=no” worked a treat.
-
Re: ios 9 Safari / Web App Viewport Problem (expands to fit all elements in view)
jakob-e Oct 16, 2015 7:03 AM (in response to Krepelk)Note! adding shrink-to-fit=no seems to force minimum-scale=1
Come on apple
-
Re: ios 9 Safari / Web App Viewport Problem (expands to fit all elements in view)
IHphoto Nov 10, 2015 10:24 AM (in response to Krepelk)Thanks Krepelk! You're a lifesaver or timesaver at the very least! I was thinking I would have to ditch my SlideshowPro Director powered galleries on my site (SP is defunct and not supported but the software still works if installed on your own hosting). I had tracked the problem down to the index.php for the mobile switched portion that doesnt use flash and couldn't work out what to do. At least I thought that was it.
Turns out I was right and a last do or die search on google related to IOS 9 came up with this page and your workaround.
So nice of Apple to create that bug. I hadn't been on my site for a while so it's been partly broken for a couple of months in all probability for those updated to 9.0. I wonder if the latest version has fixed the viewport problem?
So if anyone has a Slideshow Pro legacy powered site best check this out! :-)
PS. if you want a look: http://ianhomerphotography.co.uk/galleryindex.php
-
-
Re: ios 9 Safari / Web App Viewport Problem (expands to fit all elements in view)
MJR1943 Oct 8, 2015 10:47 PM (in response to furvy)I'm having a problem with flexbox on iOS9. See ieee-ac.org for an example.
It overlays and overprints columns that should have been stacked vertically. iOS8 works fine but not iOS9. Could it be the same problem that's described here?
-
Re: ios 9 Safari / Web App Viewport Problem (expands to fit all elements in view)
swinggraphics Jan 19, 2016 4:18 PM (in response to furvy)This is my first post on the developer forums. This looks like a big bug to me. Safari completely ignores width=device-width until…some sort of condition is met. Calling `window.innerWidth` within a `setTimeout` function seems to satisfy the criteria. Maybe it calculates device width after window load, and not on window load? `window.matchMedia` works correctly any time.
Test scenarios: http://pastebin.com/RJBbWMLB
-
Re: ios 9 Safari / Web App Viewport Problem (expands to fit all elements in view)
SKAhack Jan 22, 2016 12:38 AM (in response to swinggraphics)I found a workaround.
-