Dzień dobry,
tworzę sobie prostą aplikację w formie strony www, którą następnie na Anrdroidzie przez przeglądarkę Chrome zapisuję sobie na telefonie opcją "Dodaj do ekranu głównego".

Chciałbym, aby apka w wersji fullscreen (kod manifest na dole) nie miała żadnych niepotrzebnych scrollbarów, jednak mimo to, one się pojawiają wertykalnie (na screenie z telefonu trudno je ująć). Naddatkowa wysokość okna/obiektu, który się scrolluje ma ok 40px - tyle co wysokość systemowej belki w androidzie z dolnymi przyciskami (kwadrat, koło, strzałka)

Mój kod wygląda tak:
(dodam tylko, że problem występuje zarówno z jak i bez wpisów "meta")

<html>
<head>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes" /> 
<link rel="manifest" href="manifest.json">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<style>
* { overflow:hidden; padding:0; margin:0 }
</style>


<body>


test


</body>
</html>

i manifest.json:

{
  "short_name": "Test",
  "start_url": "index.php",
  "display": "fullscreen",
  "orientation": "portrait",
  "manifest_version": 3
}