Is footer not meant to have inputs?

ionic-v1
2

item-input-inset uses relative positioning; so, it should happily put it wherever bar-footer ends up being. Strange though.

Can you share that CodePen sample?

I just tested on mine as well and got similar results. However, I think I have a fix for it:

    <div class="bar bar-footer item-input-inset footer-item-input-insert" ng-if="mc.showSendMsgForm">
        <label class="item-input-wrapper">
            <input type="search" placeholder="Message" ng-model="msg.text" maxlength="500">
        </label>
        <button class="button button-clear" ng-hide="mc.hideSend" ng-click="sendMsg()">
            Send
        </button>
    </div>

The foot-item-input-insert class is defined as :

/** For the message bar **/
.footer-item-input-insert {
    position: inherit;
}

Try to see if adding that class solves it for you.

1 Like