Open malwatte opened 6 years ago
Ion-content is scrolled automatically and goes off the screen when I tap on a input.</p> <p>It is a simple screen with a textarea and a button <img referrerpolicy="no-referrer" src="https://user-images.githubusercontent.com/2534778/36891330-4037e88e-1e27-11e8-9bde-c46e698143a8.png" alt="screen shot 2018-03-02 at 2 33 06 pm" /></p> <p>Textarea overlaps with the header when it is focused. (see the cursor position in below screenshot) <img referrerpolicy="no-referrer" src="https://user-images.githubusercontent.com/2534778/36891339-4a25c2e4-1e27-11e8-98f1-fe1b0633ea2c.png" alt="img_0608" /></p> <p>And I see ion-content size changed automatically. (See the scrollbar size) <img referrerpolicy="no-referrer" src="https://user-images.githubusercontent.com/2534778/36891349-5232d684-1e27-11e8-828d-19d6a62a2f6c.png" alt="img_0609" /></p> <p>Here is my ion-content</p> <pre><code><ion-content class="ion-content-div has-header has-tabs safe-page-padding" has-bouncing="true"> <div class="card"> <div class="item item-text-wrap"> <label class="item item-input"> <textarea type="text" ng-model="customNote" textarea rows="10" cols="50"></textarea> </label> <button ng-disabled="!customNote" ng-click="addNote(customNote)" class="button button-block button-positive button-margin"> <i class="icon ion-checkmark-circled normalize-size"></i>{{ 'save_note' | translate }} </button> </div> </div> </ion-content></code></pre> <p>How to fix this? Ideally the textarea should stay at the top of the screen.</p> <p>Thanks.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/monika-pant"><img src="https://avatars.githubusercontent.com/u/28701654?v=4" />monika-pant</a> commented <strong> 5 years ago</strong> </div> <div class="markdown-body"> <p>I am also facing the similar issue with ionic. Currently using "ionic-sdk": "1.3.2" along with "angular": "1.6.10",</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/malwatte"><img src="https://avatars.githubusercontent.com/u/2534778?v=4" />malwatte</a> commented <strong> 5 years ago</strong> </div> <div class="markdown-body"> <p>I did few trial and errors and got it fixed. Cannot remember how. Are you still having this issue?</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/monika-pant"><img src="https://avatars.githubusercontent.com/u/28701654?v=4" />monika-pant</a> commented <strong> 5 years ago</strong> </div> <div class="markdown-body"> <p>Yeah, I am still facing this issue.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/FieldPromax"><img src="https://avatars.githubusercontent.com/u/24407999?v=4" />FieldPromax</a> commented <strong> 4 years ago</strong> </div> <div class="markdown-body"> <p>We are also facing the same issue. Please post the solution here...</p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>
Ion-content is scrolled automatically and goes off the screen when I tap on a