Focused input showing white while scrolling


#1

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>
        </div>

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

@mhartington

Thanks!


#2

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


#3

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

Click to open code pen here : http://codepen.io/h4ck3rvivek/pen/rdEHb

Thanks :


#4

Hi @h4ck3rviv3k

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


#5

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