Screen not fixed, it scrolls to the bottom of the screen

[babazookz]

Hi, whenever I click on some Input Field the entire screen scrolls to the bottom of the screen.

When full screen, everything is fine.

What could go wrong? Do you want me to record a video?

EDIT:
Video - https://drive.google.com/file/d/1LonEcbX7vDDUwKbh0AFprWbaaPEn0WGp/view?usp=sharing

[kou-yeung]

thanks for report.
can i have more info for this.

• reproduce Unity version.
• the inputfield maybe placement outside of screen?
  input element is created same position at inputfield object.
  so, browser will scroll to focus the input element.

[babazookz]

Unity 2019 is the version.

I am not sure what are you asking me but all my input fields are created on the screen, nothing outside.

Did you see the video?
Do you want me to send you the test scene?

[babazookz]

One thing to add, when I remove WebGLInput class from InputField object, this does not happen.

[kou-yeung]

・Did you see the video?
yes.i saw the video

・Do you want me to send you the test scene?
Yes,Please.

[kou-yeung]

i tried your sample html.
the html input element is create at bottom left.
so, i want to confirm where is the inputfiled gameobject.

[babazookz]

But why is that? I did not put my input there.

Please can you check the test scene:
https://drive.google.com/file/d/1e8NbcS9lgZF2_kHamx3Hqgk_WQPbeA6q/view?usp=sharing

[babazookz]

And even I am having problems with enabling FullScreen mode after implementing changes (try to do it and let me know what could it be).

[kou-yeung]

when Canvas renderMode is ScreenSpace - Camera. input element is not calculated correctly.
i have release a new version to fix this issue.
thanks.

[kou-yeung]

for the fullscreen issue.
in Unity2019. UnityLoader.js will add "canvas.style.width="100%",canvas.style.height="100%" to the canvas.
i will find other workaround for this.

[babazookz]

Thank you!
I appreciate it, let me know if I can help you somehow.

I will test the new release with the input location fix and let you know.

[kou-yeung]

i found a workaround for Uity2019 to change fullscreen.

same workflow of this thread
#2 (comment)

and edit the "unityContainer" style
＜div id="unityContainer" style="width: 960px; height: 600px"＞＜/div＞
↓
＜div id="unityContainer" style="width: 100%; height: 100%"＞＜/div＞

i will add a tutorial to setup fullscreen.(or release a edited version of Template)

[babazookz]

Ok, I am waiting.

[kou-yeung]

i add a step by step tutprial for support fullscreen.
you can try it.^^
https://github.com/kou-yeung/WebGLInput/wiki/Support-FullScreen

[babazookz]

It is working perfectly!