fix(header): Header input too long on Android 4.2, closes #1081

ionic-team · Apr 8, 2014 · b654e02 · b654e02
1 parent cb1a5f6
commit b654e02
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/scss/_bar.scss b/scss/_bar.scss
@@ -59,7 +59,9 @@
 
       input {
         padding-left: 8px;
+        width: 94%;
         height: 28px;
+        background: transparent;
       }
     }
   }

diff --git a/test/html/search-ios7.html b/test/html/search-ios7.html
@@ -4,6 +4,12 @@
     <title>Search</title>
     <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
     <link href="../../dist/css/ionic.css" rel="stylesheet">
+    <style>
+      .bar {
+        position: relative;
+        top: 0;
+      }
+    </style>
   </head>
   <body class="platform-ios7">
 
@@ -19,6 +25,16 @@
         </button>
       </header>
 
+      <div class="bar bar-header item-input-inset">
+        <label class="item-input-wrapper">
+          <i class="icon ion-ios7-search placeholder-icon"></i>
+          <input type="search" placeholder="Search">
+        </label>
+        <button class="button button-clear">
+          取消
+        </button>
+      </div>
+
     </section>
 
   </body>