Fix the background issue?

Question

https://code.sololearn.com/Wm0CPovm9N4L/#html

Run this code, and input a fairly large number. I did about 340 or so. The number should go off screen, and a scroll bar should appear. When you scroll either vertically or horizontally past the background, you can clearly see my issue. How can I make the background fill the entire page? Is there a fix for this? Or am I stuck with a partial background when I use large numbers?

Answer 1

BigInt() is not defined.

Answer 2

Note, BigInt is for Chrome / Chromium webviews version 69+ . This might be a browser-only code for anyone below Android Lollipop.

I have a private code that imports / compares Decimal, BigNumber, and NumericJS for the rest of us, for future reference (if wanted).

Answer 3

https://code.sololearn.com/WDdENpGqEjvV/?ref=app

Answer 4

Dark Angel, that works fine for me. Maybe you accidentally changed something?

And Calvin, that completely breaks the background for me. Very large numbers just kinda break it.

Answer 5

I gave an ES6 solution to Dark Angel's question before, found out that his phone cannot run some ES6 codes.

https://www.sololearn.com/Discuss/1501911/?ref=app

Advisable upgrade webview to latest version

Answer 6

change to
html, body {
min-height: 100%;
}

Answer 7

Dark Angel, your phone is too old. all modern JavaScript cannot run.
Upgrade webview might help.