Iphone display problems after using input text form in safari browser

  • We were testing a game on Iphone X in safari browser. While typing the text in the input text field, the keyboard comes up and after focusing out of the input form, the keyboard comes down, but the display remains up at the top and does not tend to come down (leaving a black space at the bottom).

    (The actual position of sprites remains as it should be- touch events are triggered on touching at the actual position, but the display remains at top. We have to tap at the actual position which is little bit lower than the displayed sprite position)

    Used Letterbox scale

    Did anyone have this problem before?

  • Try Construct 3

    Develop games in your browser. Powerful, performant & highly capable.

    Try Now Construct 3 users don't see these ads
  • Try exporting with the newest beta, should have been solved in r179

    github.com/Scirra/Construct-3-bugs/issues/3508

  • Try exporting with the newest beta, should have been solved in r179

    https://github.com/Scirra/Construct-3-bugs/issues/3508

    Hi WackyToaster,

    Thank for helping,

    We are are using the latest version, and it seems Construct team haven't yet been able to fix the issue.

  • Same problem here with the latest version. Team has closed the bug on GitHub. Please can any team member shed some light on this?

    Thanks!

  • Same problem here with the latest version. Team has closed the bug on GitHub. Please can any team member shed some light on this?

    Thanks!

    Virtualware That's not good. It's still not fixed yet!

    I think to minimize this problem, we placed the actual Input Text field at the top of the layout (at position 0,0). When we placed it at this position the black portion at the bottom didn't appear anymore.

    To make the UX comfortable, we kept the input-field Sprites (the two rectangular sprites that are placed behind the name and email input fields) in the same position as they are in the image. And instead of the input field boxes that were placed over these sprites, we put Textboxes.

    Then we used the following logic-

    • When the user clicks on this sprite, focus on the Input field at the top
    • Every tick set text of the TextBox as the text that is being inputed on in the Input Field
Jump to:
Active Users
There are 1 visitors browsing this topic (0 users and 1 guests)