Ios issue with custom header

Hi All,

I am developing IOS and Android side menu app in single project.

In that there is a search filter inside header. Now the problem are–

1)Header(Search filter text-box) is not align properly in ios. It is shifting down.(IOS and Android issue)
2)Place holder text is coping and not vertical center align..(IOS and Android issue)
3)In other page title is not align properly. it is shifting up.(IOS issue)

4)In search filter text box, if i enters space.
It should validation. It is working.
But, Space should remove from text-box after validation failed. It is not removing space after validation failed. (IOS and Android issue)

Thanks.

Not sure what you are asking for here. Do you have a specific question or are you just asking us to fix the problems with your code that you haven’t shown us?

Do you have screenshots?

A Codepen or similar?

I am developing side menu application with two platform ( IOS and Android) .

In view, I am customizing header.

For Header customization, I am using following code:-

<h1 class="title">
<div class="item-input-wrapper">
    <input id="search-inputbox" type="search" placeholder="{{ 'search_placeholder' | translate }}" ng-model="data.searchQuery">
    <img ng-click="searchFilter(data);" src='img/search-logo.png'>
</div>
</h1>

i want view like image. But i am not able to do. I have some issue-
1)Header(Search filter text-box) is not align properly in ios. It is shifting down.(IOS and Android issue)
2)Place holder text is coping and not vertical center align…(IOS and Android issue)

Thanks.