ionic-framework: Input type="text" does not work in frame on iOS

Video: https://www.youtube.com/watch?v=pj1YmMvzAWc (1m 24s)

input

Code: http://plnkr.co/edit/uIC1MxxqmS6s5d6gLwEo?p=preview

Preview: http://run.plnkr.co/7eteB3OaVmNDdZt0/

<iframe src="iframed-pure.html" height="100px"></iframe>
<iframe src="iframed-ionic.html" height=50% width=100%></iframe>

Pure iframe works:

<input type="text">

Ionic iframe doesn’t… But only on iOS (Safari and Chrome). On desktop, Android, Windows Phone it works.

Any ideas?

About this issue

Original URL
State: closed
Created 10 years ago
Reactions: 2
Comments: 23 (7 by maintainers)

Most upvoted comments

You need to add one css only to input elements.

input {
    -webkit-user-select: text; /* Chrome, Opera, Safari */
    -moz-user-select: text; /* Firefox 2+ */
    -ms-user-select: text; /* IE 10+ */
    user-select: text; /* Standard syntax */
}

nil135 on Jul 19, 2017

any solution on this issue？

miaotmac on May 19, 2017