Not able to scroll inside modal window?

1

I am not able to scroll inside modal. Anyone know why?

<script id="modal.html" type="text/ng-template">
<div class="modal" ng-controller="ModalCtrl">
    <ion-header-bar class="bar bar-header bar-positive">
      <h1 class="title">Address Book</h1>
      <button class="button button-clear button-primary" ng-click="modal.hide()">Done</button>
    </ion-header-bar>
    <div class="bar bar-subheader item-input-inset" style="display:none">
        <label class="item-input-wrapper">
            <i class="icon ion-ios7-search placeholder-icon"></i>
            <input id="searchKey" type="search" placeholder="Search" ng-model="searchKey" autocorrect="off" >
            <button class="button button-clear" ng-click="clearSearch()">X</button>
        </label>
        <button class="button button-clear" ng-click="search()">Search</button>
    </div>

    <content has-header="true" has-subheader="false" scroll="true">
        <ul class="list" >
		    <li>test222</li>
		    <li>test222</li>
		    <li>test222</li>
		    <li>test222</li>
		    <li>test222</li>
		    <li>test222</li>
		    <li>test222</li>
		    <li>test222</li>
		    <li>test222</li>
		    <li>test222</li>
		    <li>test222</li>
		    <li>test222</li>
            <li class="item item-checkbox" ng-repeat="employee in employees" href="#/employee/{{employee.id}}">

			     <label class="checkbox">
			       <input type="checkbox">
			     </label>
                <H3>{{employee.name}} </H3>
                <p>{{employee.facebook_email}}</p>
            </li>	           
        </ul>
    </content>
</div>
2

i found out the solution need to use ion-list and ion-item instead of ul li.

3

You CAN use simple <li>s However, you need to do this :

<li class="item">test222</li>

Also, change <content> to <ion-content>

1 Like
4

yes… that “content” tag is the problem. :slight_smile: