Discussion Forums  >  Plugins, Customizing, Source Code

Replies: 2    Views: 46

stevek
Aspiring developer
Profile
Posts: 808
Reg: Dec 24, 2011
great neck
8,080
11/15/13 09:07 PM (12 years ago)

Problem with HTML plug in with iphone, not ipad

Thanks to Chris, I think this question belongs here since he helped me figure out it seems to be a problem with the HTML plugin. My app has an html screen where i have a textbox where the user can enter data via javascipt. On the ipad, it all works as it should. - the keyboard opens, you enter the text, press a html button and it goes its merry way and displays the results on the screen in the place I want. On the phone, however, as soon as you touch the keyboard, the screen size increases in magnification, as if you used a three finger click so that the keyboard covers much of the screen. I can pinch to get the screen to regular size and all then works. But if I don't pinch and scroll the screen to enter the text, when I press the button the result ends up in the wrong place and I have to drag it to the proper place on the screen. I downloaded the file to a web server and accessed the server via my iphone and Safari and the same thing happens. When I access it on my ipad, all is good. So the problem seems to be with the plugin I would think. Anything I can do? Thanks. Steve
 
stevek
Aspiring developer
Profile
Posts: 808
Reg: Dec 24, 2011
great neck
8,080
like
11/15/13 09:14 PM (12 years ago)
I should have said, as soon as you touch the box to enter text, the keyboard opens and then all is magnified as I said above. And I just realized that the finding about it happening on the server seems to imply it's not a plugin problem. (I posted the above late at night). In any event, if anyone has any ideas, I'd appreciate it. Also, what I realize now is what's expanding in the div which contains both paragraph text and the textbox itself. Does anyone know a command that would keep them for expanding as this might solve my problem.
 
AlanMac
Aspiring developer
Profile
Posts: 2612
Reg: Mar 05, 2012
Esher, UK
37,120
like
11/16/13 02:20 PM (12 years ago)
I think setting the viewport e.g. <meta name="viewport" content="width=device-width initial-scale=1 maximum-scale=1"> may help?
 

Login + Screen Name Required to Post

pointerLogin to participate so you can start earning points. Once you're logged in (and have a screen name entered in your profile), you can subscribe to topics, follow users, and start learning how to make apps like the pros.