fix iframe issue on iOS; bump version to 0.2.2

autoHeightWebView/index.ios.js

@@ -130,18 +130,13 @@ AutoHeightWebView.defaultProps = {
 
 const ScreenWidth = Dimensions.get('window').width;
 
+// note that it can not get height when there are only text objects in a html body which does not make any sense 
 const BaseScript =
     `
     ; (function () {
-        var wrapper = document.createElement('div');
-        wrapper.id = 'height-wrapper';
-        while (document.body.firstChild) {
-            wrapper.appendChild(document.body.firstChild);
-        }
-        document.body.appendChild(wrapper);
         var i = 0;
         function updateHeight() {
-            document.title = wrapper.clientHeight;
+            document.title = document.body.firstChild.clientHeight;
             window.location.hash = ++i;
         }
         updateHeight();

demo/explorer.js

@@ -55,7 +55,6 @@ export default class Explorer extends Component {
                     alignItems: 'center'
                 }}>
                 <AutoHeightWebView
-                    enableAnimation
                     onHeightUpdated={height => this.setState({ height })}
                     source={{ html: this.state.html }}
                     customScript={this.state.script} />

demo/ios/demo/Info.plist

@@ -41,16 +41,9 @@
 	<key>NSLocationWhenInUseUsageDescription</key>
 	<string></string>
 	<key>NSAppTransportSecurity</key>
-	<!--See http://ste.vn/2015/06/10/configuring-app-transport-security-ios-9-osx-10-11/ -->
 	<dict>
-		<key>NSExceptionDomains</key>
-		<dict>
-			<key>localhost</key>
-			<dict>
-				<key>NSExceptionAllowsInsecureHTTPLoads</key>
-				<true/>
-			</dict>
-		</dict>
+		<key>NSAllowsArbitraryLoads</key>
+		<true/>
 	</dict>
 </dict>
 </plist>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-autoheight-webview",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "An auto height webview for React Native",
   "main": "autoHeightWebView",
   "files": [