Scroll not working in the latest ionic version ionic-v0.9.27


#1

I have made a list and it is working smoothly in previous ionic version v0.9.20 but the same list is not working with the latest version of ionic. Below is my code which i am using to display my list

<header class="bar bar-header bar-positive">
    <div class="buttons">
      <button ng-click="toggleDelete()" class="button button-clear">{{ editBtnText }}</button>
    </div>
    <h1 class="title">List Tests</h1>
    <div class="buttons">
      <button ng-click="toggleReorder()" class="button button-clear">{{ reorderBtnText }}</button>
    </div>
  </header>

  <content has-header="true">

    <list show-delete="isDeletingItems"
          
          item-type="item-icon-left">

      <!-- shows that the item directive does not need attributes and can get values from the list attributes -->
      <item ng-repeat="item in items" 
            item="item">
        <i class="icon ion-chatbox"></i>
        Repeat Item: {{ item.text }}
      </item>
	</list>
	
	</content>

Also i need list of all examples compatible with the latest version of ionic v0.9.27


#2

So, 0.9.25 (I think) completely changed the Ionic directive names. <content> became <ion-content>, etc. So there is a huge transition from 0.9.20 to 0.9.27. The 0.9.27 release was a stop-gap quicky release before some other major breaking changes. Because of this, there have been very few doc or sample updates.

However, the upcoming beta is going to change things even more. I’d hate to see you refactor from 0.9.20 to 0.9.27 just to have to do it again for the beta. You’ll have to decide what is best for you to do.

If you look through these links below, you’ll find a few samples of 0.9.27 in action:


http://codepen.io/calendee/forked-list/


#3

Yes i have checked that there are lots of changes have been done in the latest version 0.9.27 and i am able to scroll the list by replacing content tag with ion-content tag but still i am facing the issue when i need to scroll with multiple textboxes please let me know the solution for it.Excluding textboxes i am able to scroll with any input elements like label,checkboxes,list

  <ion-content has-header="true">

  
  <input type="text" value="item1" />
  <input type="text" value="item2" />
  <input type="text" value="item3" />
  <input type="text" value="item4" />
  <input type="text" value="item5" />
  <input type="text" value="item6" />
  <input type="text" value="item7" />
  <input type="text" value="item8" />
  <input type="text" value="item9" />
  </ion-content>

#4

You should be wrapping those inputs in Ionic input labels. They won’t receive the click/tap event that is triggered when scrolling starts and therefore won’t kill scrolling.

<div class="list">
  <label class="item item-input">
    <input type="text" placeholder="First Name">
  </label>
  <label class="item item-input">
    <input type="text" placeholder="Last Name">
  </label>
  <label class="item item-input">
    <textarea placeholder="Comments"></textarea>
  </label>
</div>

#5

I have tried by wrapping my inputs around inputs but still when i try to scroll the input takes the focus and am not able to scroll over it.
This issue even persist in the latest ionic beta version 1
Also my input text gets hide behind the keyboard, all are working fine in the ionic version 0.9.24 but all these issue arise in the beta version.


#6

Can you post a CodePen sample of your form?

Also, where are you experiencing this? In desktop browser? On device? Which devices?