Overflow:Hidden on Body Is Broken in iOS6

overflow:hidden on body is broken in ios6

Nope. Safari 6 on Mac does not present with the bug. Scrollbars are not present.

I ran it on OSX Mountain Lion (10.8.2)

Sample Image

To further answer your question, the reason this is happening probably has more to do with Mobile Safari's zoom rendering than an overflow hidden bug. The element is in fact being hidden off screen (notice below where I have scrolled over to the right all the way, it still doesn't show me the full 100% width element - 90% of it is in fact being hidden.

It likely has something to do with iframes, and page zoom. Still looks like a bug though.

I'm assuming you're demonstrating in JSFiddle from a real life example. If you go back to your real life example (apart from iframe territory), try adding this meta tag to the head if you don't already have it, and see it this helps:

<meta name="viewport" content="width=device-width, initial-scale=1">

Sample Image

Does overflow:hidden applied to body work on iPhone Safari?

After many days trying, I found this solution that worked for me:

touch-action: none;
-ms-touch-action: none;

Overflow-x value ignored in mobile safari

Add html { overflow: hidden; } to your CSS and it should fix it.

iOS safari: scrolling is broken inside position: fixed; elements

Adding overflow: hidden; to <html> or <body> seems to fix it.

I'm not sure why this works, but I assume the problem is that safari is trying to scroll html/body instead of the element you want.

Because the scrollable section is inside a position:fixed element, scrolling the body has no visual effect, so it looks like nothing is happening.

iOS6 UIAlertView.title broken?

Your are doing it correctly but there is a small problem -
The proper Code will be -

 -(void)alertView:(UIAlertView *)alertView willDismissWithButtonIndex:  
(NSInteger)buttonIndex
{
NSLog(@"%@", alertView.title);

if ([alertView.title isEqualToString:@"Warehouse"])

{
// Now it will go inside this condition
}
}

Now it will work for you.

CSS styled scrollbars support for safari mobile on iOS 6 disappeared?

For a unreleased (AFAIK) reason, Apple removed some of the webkit prefixed CSS properties. This includes the -webkit-scrollbar group.



Related Topics



Leave a reply



Submit