При клике на нижние divы – клавиатура перекрывает их. Если начинаем печатать – элемент показывается. Нужно, чтобы элемент показывался при клике. Желательно обойтись CSS или одним оператором JS
<body>
<div style="position:fixed; overflow: auto; width:100%; height: 100%; background-color:#00CC99;z-index:1">
<div id="show1" align="center" style="overflow-wrap: break-word;width:100%">
<div contenteditable="true">erfrewrewr</div>
<div contenteditable="true">erfrewrewr</div>
<div contenteditable="true">erfrewrewr</div>
<div contenteditable="true">erfrewrewr</div>
<div contenteditable="true">erfrewrewr</div>
<div contenteditable="true">erfrewrewr</div>
<div contenteditable="true">erfrewrewr</div>
<div contenteditable="true">erfrewrewr</div>
<div contenteditable="true">erfrewrewr</div>
<div contenteditable="true">erfrewrewr</div>
<div contenteditable="true">erfrewrewr</div>
<div contenteditable="true">erfrewrewr</div>
<div contenteditable="true">erfrewrewr</div>
<div contenteditable="true">erfrewrewr</div>
<div contenteditable="true">erfrewrewr</div>
<div contenteditable="true">erfrewrewr</div>
<div contenteditable="true">erfrewrewr</div>
<div contenteditable="true">erfrewrewr</div>
<div contenteditable="true">erfrewrewr</div>
<div contenteditable="true">erfrewrewr</div>
<div contenteditable="true">erfrewrewr</div>
<div contenteditable="true">erfrewrewr</div>
<div contenteditable="true">erfrewrewr</div>
<div contenteditable="true">erfrewrewr</div>
<div contenteditable="true">erfrewrewr</div>
<div contenteditable="true">erfrewrewr</div>
</div>
</div>
</body>