Android (Chrome) WebView - Javascript - HTML-элементы с горизонтальными полосами прокрутки для переполнения

В моем приложении для Android есть WebView (min SDK API level 19 - Kitkat), который отображает HTML-файл с текстом и другими элементами. Он также вводит код JavaScript.

Я вижу, что многие элементы, несмотря на назначенные им настройки overflowX, по-прежнему вызывают переполнение document.body.

Мне удалось настроить тело так, чтобы оно не превышало переполнение, в то время как элементы должны иметь значение «прокрутки» до overflowX, чтобы пользователь мог их полностью видеть.

document.body.style.width=window.innerWidth+"px";
document.body.style.maxWidth=window.innerWidth+"px";
document.body.style.overflowX = "hidden";
var all = document.body.getElementsByTagName("*");
for (var i=0, max=all.length; i < max; i++) 
{ 
all[i].style.overflowX = "scroll";
}

Например, есть некоторые

<pre>

элементы.

Они прокручиваются по горизонтали, но горизонтальная полоса прокрутки не отображается, поэтому пользователь не может узнать, есть ли дальнейшее содержимое справа.

Я попробовал настроить полосу прокрутки в WebView, но ничего не изменилось.

Как я могу сделать так, чтобы на этих элементах отображалась горизонтальная полоса прокрутки, указав, что параметр overflowX = 'scroll' (или 'auto') игнорируется?