From 2dff348cca163202a9ff61091c21e104c17789b9 Mon Sep 17 00:00:00 2001
From: Aparajita Fishman <aparajita@aparajita.com>
Date: Mon, 2 Sep 2013 22:14:16 -0400
Subject: [PATCH] Fixed: text fields in full platform windows could not be
 selected.

---
 .../Resources/Templates/Application/index-debug.html | 12 +++++++-----
 .../capp/Resources/Templates/Application/index.html  | 12 +++++++-----
 .../Templates/NibApplication/index-debug.html        | 12 +++++++-----
 .../Resources/Templates/NibApplication/index.html    | 12 +++++++-----
 .../Templates/ThemeDescriptor/index-debug.html       | 12 +++++++-----
 .../Resources/Templates/ThemeDescriptor/index.html   | 12 +++++++-----
 6 files changed, 42 insertions(+), 30 deletions(-)

diff --git a/Tools/capp/Resources/Templates/Application/index-debug.html b/Tools/capp/Resources/Templates/Application/index-debug.html
index 974cbd3cd..525fedab5 100644
--- a/Tools/capp/Resources/Templates/Application/index-debug.html
+++ b/Tools/capp/Resources/Templates/Application/index-debug.html
@@ -88,10 +88,6 @@
         </script>
 
         <style type="text/css">
-            html, body {
-                height: 100%;
-            }
-
             html, body, h1, p {
                 margin: 0;
                 padding: 0;
@@ -99,8 +95,14 @@
 
             /* We need a body wrapper because Cappuccino is unhappy if we change the body element */
             #cappuccino-body {
+                /* Position it absolutely so it will fill the height without content */
+                position: absolute;
+                top: 0;
+                bottom: 0;
                 width: 100%;
-                height: 100%;
+
+                /* Put it at the bottom of the stack so it doesn't interfere with UI */
+                z-index: -1000;
             }
 
             #cappuccino-body .container {
diff --git a/Tools/capp/Resources/Templates/Application/index.html b/Tools/capp/Resources/Templates/Application/index.html
index e446eb421..9dec4e8db 100644
--- a/Tools/capp/Resources/Templates/Application/index.html
+++ b/Tools/capp/Resources/Templates/Application/index.html
@@ -58,10 +58,6 @@
         <script type="text/javascript" src="Frameworks/Objective-J/Objective-J.js" charset="UTF-8"></script>
 
         <style type="text/css">
-            html, body {
-                height: 100%;
-            }
-
             html, body, h1, p {
                 margin: 0;
                 padding: 0;
@@ -69,8 +65,14 @@
 
             /* We need a body wrapper because Cappuccino is unhappy if we change the body element */
             #cappuccino-body {
+                /* Position it absolutely so it will fill the height without content */
+                position: absolute;
+                top: 0;
+                bottom: 0;
                 width: 100%;
-                height: 100%;
+
+                /* Put it at the bottom of the stack so it doesn't interfere with UI */
+                z-index: -1000;
             }
 
             #cappuccino-body .container {
diff --git a/Tools/capp/Resources/Templates/NibApplication/index-debug.html b/Tools/capp/Resources/Templates/NibApplication/index-debug.html
index 974cbd3cd..525fedab5 100644
--- a/Tools/capp/Resources/Templates/NibApplication/index-debug.html
+++ b/Tools/capp/Resources/Templates/NibApplication/index-debug.html
@@ -88,10 +88,6 @@
         </script>
 
         <style type="text/css">
-            html, body {
-                height: 100%;
-            }
-
             html, body, h1, p {
                 margin: 0;
                 padding: 0;
@@ -99,8 +95,14 @@
 
             /* We need a body wrapper because Cappuccino is unhappy if we change the body element */
             #cappuccino-body {
+                /* Position it absolutely so it will fill the height without content */
+                position: absolute;
+                top: 0;
+                bottom: 0;
                 width: 100%;
-                height: 100%;
+
+                /* Put it at the bottom of the stack so it doesn't interfere with UI */
+                z-index: -1000;
             }
 
             #cappuccino-body .container {
diff --git a/Tools/capp/Resources/Templates/NibApplication/index.html b/Tools/capp/Resources/Templates/NibApplication/index.html
index e446eb421..9dec4e8db 100644
--- a/Tools/capp/Resources/Templates/NibApplication/index.html
+++ b/Tools/capp/Resources/Templates/NibApplication/index.html
@@ -58,10 +58,6 @@
         <script type="text/javascript" src="Frameworks/Objective-J/Objective-J.js" charset="UTF-8"></script>
 
         <style type="text/css">
-            html, body {
-                height: 100%;
-            }
-
             html, body, h1, p {
                 margin: 0;
                 padding: 0;
@@ -69,8 +65,14 @@
 
             /* We need a body wrapper because Cappuccino is unhappy if we change the body element */
             #cappuccino-body {
+                /* Position it absolutely so it will fill the height without content */
+                position: absolute;
+                top: 0;
+                bottom: 0;
                 width: 100%;
-                height: 100%;
+
+                /* Put it at the bottom of the stack so it doesn't interfere with UI */
+                z-index: -1000;
             }
 
             #cappuccino-body .container {
diff --git a/Tools/capp/Resources/Templates/ThemeDescriptor/index-debug.html b/Tools/capp/Resources/Templates/ThemeDescriptor/index-debug.html
index 974cbd3cd..525fedab5 100644
--- a/Tools/capp/Resources/Templates/ThemeDescriptor/index-debug.html
+++ b/Tools/capp/Resources/Templates/ThemeDescriptor/index-debug.html
@@ -88,10 +88,6 @@
         </script>
 
         <style type="text/css">
-            html, body {
-                height: 100%;
-            }
-
             html, body, h1, p {
                 margin: 0;
                 padding: 0;
@@ -99,8 +95,14 @@
 
             /* We need a body wrapper because Cappuccino is unhappy if we change the body element */
             #cappuccino-body {
+                /* Position it absolutely so it will fill the height without content */
+                position: absolute;
+                top: 0;
+                bottom: 0;
                 width: 100%;
-                height: 100%;
+
+                /* Put it at the bottom of the stack so it doesn't interfere with UI */
+                z-index: -1000;
             }
 
             #cappuccino-body .container {
diff --git a/Tools/capp/Resources/Templates/ThemeDescriptor/index.html b/Tools/capp/Resources/Templates/ThemeDescriptor/index.html
index e446eb421..9dec4e8db 100644
--- a/Tools/capp/Resources/Templates/ThemeDescriptor/index.html
+++ b/Tools/capp/Resources/Templates/ThemeDescriptor/index.html
@@ -58,10 +58,6 @@
         <script type="text/javascript" src="Frameworks/Objective-J/Objective-J.js" charset="UTF-8"></script>
 
         <style type="text/css">
-            html, body {
-                height: 100%;
-            }
-
             html, body, h1, p {
                 margin: 0;
                 padding: 0;
@@ -69,8 +65,14 @@
 
             /* We need a body wrapper because Cappuccino is unhappy if we change the body element */
             #cappuccino-body {
+                /* Position it absolutely so it will fill the height without content */
+                position: absolute;
+                top: 0;
+                bottom: 0;
                 width: 100%;
-                height: 100%;
+
+                /* Put it at the bottom of the stack so it doesn't interfere with UI */
+                z-index: -1000;
             }
 
             #cappuccino-body .container {