Focused input showing white while scrolling


Hello All,
I am facing an issue in ionic beta 7 in which i have created an input textbox having background-color attached to each textbox while scrolling it will show white label in place of input and it shift little upwards.

 <div style="margin-left: 16px; margin-right: 18.5px;">
            <input type="password" id="confirm_pwd" placeholder="Password Confirmation*" style="color: white; margin-top: 12px;" class="padding_text" required>

Padding_text Class

.padding_text {
padding-left: 8px;
padding-right: 8px;
border-radius: 7px;
background-color: #716895;
margin-top: 22px;


please note it is not happening in the browser but occurs only in mobile both ios and android




Can you throw this into a codepen and I can look at it on my ios device.


Hey @mhartington please find the code pen and check the issue :

Click to open code pen here :

Thanks :


Hi @h4ck3rviv3k

Can you try with beta 11?? May be it will not come .
i am not able to reproduce .


yeah @h4ck3rviv3k, I’m not seeing this, can you test it against the nightly builds?