question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Input type="text" does not work in frame on iOS

See original GitHub issue

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?

Issue Analytics

  • State:closed
  • Created 9 years ago
  • Reactions:2
  • Comments:23 (7 by maintainers)

github_iconTop GitHub Comments

5reactions
nil135commented, Jul 19, 2017

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 */
}
1reaction
miaotmaccommented, May 19, 2017

any solution on this issue?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Input type="text" does not work in frame on iOS #1534 - GitHub
I tried the plunker in the simulator. I had problems focusing on the first input (without the search icon), however after clicking about...
Read more >
Can't use input type text from iframe iPad iOS 8 Safari
currently I am facing the following problem: I have a page with an iframe, it loads a page with a form. The site...
Read more >
HTML | Apple Developer Forums
Hi!I currently developing a mobile website and found that Safari on iOS has some problems setting the focus on inputs when they are...
Read more >
<input type="text"> - HTML: HyperText Markup Language | MDN
The size attribute is a numeric value indicating how many characters wide the input field should be. The value must be a number...
Read more >
HTML input type Attribute - W3Schools
<input type="text" id="username" name="username"><br> <input type="submit" ... If the type attribute is not specified, the default type is "text".
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found