Our web product's default.aspx page contains some 13 divs, of which 10 are small divs, that we change visibility of by java, when needed (change password dialog etc).
This works well on most browsers and OS's. Some versions of iOS ago it worked well on Ipad and Iphone too.
From the latest 3 (including the brand new one) versions of iOS the website does not respond when trying to enter username and password - or clicking the See demo link. We localized the problem to be a hidden div lying above the login dialog. The hidden div do not respond but obstructs the user interaction to go to the visible element, making the page less usefull (Not to say: useless).
First tested with alternative browsers but find it to be a flaw in the iOS, since all browsers had the same (lack of) behaviour.
We chose to wait for the solution, till the recent release of iOS, which unfortunately did not solve the problem.
Now I'm seeking your advise for things I may have forgotten to test for.
For an illustration of the problem try go by our products website: https://winfinans.net/ and click the language flags (Defaults to danish - sorry :-) ) or click the "se demo" (View demo) on an Ipad and on something other than Iphone and Ipad. Notice the difference in behaviour.
Hopefully some of you have had the same experience and the solution to the problem.
Please do not hesitate to post suggestions/questions for details.
Best regards,
Stig Andersen
There are many different ways in Javascript to set the effective "visibility" of an element. There are many Javascript libraries, which could behave differently on different clients, that complicate such issues. You are going to have to find out, perhaps using Safari's web debugger, exactly what is happening at the lowest level on the problematic client.
You can change z-index just like anything else. Put the element in the front when you need it there. Move it to the back when you don't.
No. I meant creating the element when you need it, where you need it, and then getting rid of it.
