title: Constraints not keeping WKWebView inside Safe Area
body: <p>Please excuse my ignorance. I am very new to iOS development and Xcode. I have tried searching many pages on this site and haven't found any that directly solve my issue. Any help you can provide would be greatly appreciated! </p>
  
  <p>I am unable to get my webview (WKWebview) to remain within the Safe Area boundaries (I think that's the best way to describe it). I have autogenerated constraints set on the webview and I can see within the Main.Storyboard editor that the webview is within the safe area. </p>
  
  <p>Unfortunately the webview ignores these boundaries and encompasses the entire view and the text on my webpage appears at the top of the display behind the time, battery and connection icons. </p>
  
  <p>What am I doing wrong?</p>
  
  <p>Here is my code and a few pictures:</p>
  
  <pre><code>import UIKit
  import WebKit
  
  class ViewController: UIViewController, WKUIDelegate {
  
      @IBOutlet var webView: WKWebView!
  
      override func loadView() {
          let webConfiguration = WKWebViewConfiguration()
          webView = WKWebView(frame: .zero, configuration: webConfiguration)
          webView.uiDelegate = self
          view = webView
      }
      override func viewDidLoad() {
          super.viewDidLoad()
  
          let url = Bundle.main.url(forResource: "bulk_material_table", withExtension: "html")!
          webView.loadFileURL(url, allowingReadAccessTo: url)
          let request = URLRequest(url: url)
          webView.load(request)
  
      }
  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/6BNnE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6BNnE.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/kzcSf.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kzcSf.png" alt="enter image description here"></a></p>