Using the v1.0.0
When I call a modal on a screen larger than 680px, it resizes correctly but also adds an undesired .has-tabs
class, leaving the bottom 50px of the modal blank.
Is this an issue or did I miss something? I tried setting the ion-content has-tabs to false but it doesn’t work.
Thanks for your great work @ionic team! Such a beautiful product!
Félix
1 Like
Can you setup a CodePen sample of that?
Does it do it here : http://codepen.io/ionic/pen/gblny
Is this device only? I don’t see it happening in Chrome.
Happens too (Chrome / Firefox)
This is my modal content:
<div class="modal" >
<header class="bar bar-header bar-stable">
<h1 class="title">Set Title and description</h1>
</header>
<ion-content class="has-header padding">
<div class="list">
<label class="item item-input item-divider" style="margin-bottom: 10px;">
<input type="text" ng-model="cache.title" placeholder="Title" style="color: #0811F7;">
</label>
<ion-radio ng-repeat="item in group.mGroupItemSampleList | unique: 'mTitle'"
ng-value="item.mTitle"
ng-model="cache.title"
ng-change="serverSideChange(item)"
name="server-side">
{{ item.mTitle }}
</ion-radio>
<label class="item item-input item-divider" style="margin-top: 10px;">
<textarea ng-model="cache.description" placeholder="Description" style="color: #0811F7;"></textarea>
</label>
</div>
<button class="button button-block button-positive" ng-click="applyModal(modes[3])">Apply</button>
<button class="button button-block button-dark" ng-click="hideModal(modes[3])">Cancel</button>
</ion-content>
</div>
I’m not able to produce this in the Beta or Nightly using the “Getting Started” with ionic start myApp tabs
and creating a local app.
I even copied in your exact Modal code from above and added some data to make the modal need to scroll.
Can you give me a more complete example so I can try it?