Search code examples
pdfuiwebviewipad

iPad UIWebView PDF rendering is giving me weird visual artifacts


I am having some difficulty using a UIWebView to render PDF files on the iPad. Everything works fine in portrait mode, but turning the device to landscape produces strange visual quirkiness. Zooming in (but not out) even the slightest will correct it, but obviously that's not an ideal workaround.

The issue occurs with any PDF file (I have tried several, all stored locally in the bundle, not retrieved from the web). I also created a clone of the project for iPhone, which seems to work just fine, so the problem is iPad-specific. The problem occurs both in the simulator as well as on a physical iPad.

Screenshot

http://dev.boxkite.net/images/ipad/ipad-pdf.png

Code

 NSString* filePath = [[NSBundle mainBundle] pathForResource:@"test" ofType:@"pdf"];
 NSData* data = [NSData dataWithContentsOfFile:filePath];

 [self.webView 
  loadData:data
  MIMEType:@"application/pdf"
  textEncodingName:@"UTF-8"
  baseURL:nil];

Thanks so much for your time.


Solution

  • The only way to fix this problem is to when ever you rotate/change the size of your UIWebView is to call loadData: again. This leaves it on for around a second (depending on file size) but is not a terrible fix for now. It is certainly much better than calling loadRequest: again!

    The bug has been submitted to apple and has been approved. No word on a fix date.