title: iPhone X - Safe Area does not achieve full-screen experience?
body: <p>The new HIG for iPhone X available <a href="https://developer.apple.com/ios/human-interface-guidelines/overview/iphone-x/" rel="noreferrer">here</a>, specify:
  "Provide a full-screen experience. Make sure backgrounds extend to the edges of the display, and that vertically scrollable layouts, like tables and collections, continue all the way to the bottom."</p>
  
  <p>Now I'd like to understand how to accomplish that with Xcode 9 GM, since it seems to me that the only view allowed to extend to the whole screen is the UIViewController root view, and that whenever I try to drag constraints for a view above that, i.e. WKWebView to the root view, the constraints get actually connected to the safe area, leaving both the top and bottom areas empty as displayed in the storyboard here:</p>
  
  <p><a href="https://i.stack.imgur.com/SFcIu.png" rel="noreferrer"><img src="https://i.stack.imgur.com/SFcIu.png" alt="enter image description here"></a></p>
  
  <p>Please note the answer <a href="https://stackoverflow.com/questions/46190975/iphone-x-full-screen-issue">here</a> specifies to use the safe area, but that doesn't work because using it results in the following simulator result where WKWebView is NOT extending to the edges of the screen:</p>
  
  <p><a href="https://i.stack.imgur.com/1Od4a.png" rel="noreferrer"><img src="https://i.stack.imgur.com/1Od4a.png" alt="enter image description here"></a></p>