jquery mobile min-height after input file camera

Question

I have a problem with jQuery Mobile 1.3.1 with an input file (accept="image/*;capture=camera") and iOS.

When I click on the button to select a file or to take a picture (choose take picture), then I switch the device in landscape mode to actually take the picture and switch to portrait to confirm. After that, the page is cut at the top. I have to switch the device orientation to solve de problem. I saw that the min-height is 20px smaller just after selecting the file.

Does anyone know how to solve this problem ?

Or can I force jQuery mobile to recalculate the page dimension after file selection ?

You can see the problem here : http://www.reestcompany.com/jqmtest/test.html

You have to add the site to the home screen to have the web app mode and see the problem.

Thanks for you help

I forgot to mention, the problem occurs only in web app mode (fullscreen) — bidou88
– bidou88, Commented Jul 5, 2013 at 10:20
I reported the bug on github/jquerymobile. github.com/jquery/jquery-mobile/issues/… — bidou88
– bidou88, Commented Jul 7, 2013 at 20:25

Robin C Samuel · Accepted Answer · 2013-07-05 09:18:40Z

0

You can use trigger page create to create the

$('#pagi-id').trigger('updatelayout');

As mentioned in the jqm docs

Example,

$(window).on( "orientationchange", function(event) { $('#pagi-id').trigger('updatelayout'); });

answered Jul 5, 2013 at 9:18

Robin C Samuel

1,23517 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

bidou88 Over a year ago

code takePicture.onchange = function (event) { $('#page-id').trigger('updatelayout'); var files = event.target.files, file; if (files && files.length > 0) { } }

But it doesn't work

bidou88 · Accepted Answer · 2013-07-09 20:24:45Z

I posted an issue on jQuery mobile Github, but it is not a problem from jQuery mobile, it is a problem from Apple. So I also reported the bug to Apple.

https://github.com/jquery/jquery-mobile/issues/6138#issuecomment-20572130

Collectives™ on Stack Overflow

jquery mobile min-height after input file camera

2 Answers 2

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Related