Browser widget vertical scrolling not working inside a fixed height div

anon-5 · June 13, 2018, 3:29am

This thread was migrated from an old forum. It may contain information that are no longer valid. For further assistance, please post a new question or open a support ticket from the Customer Support portal.

Hello,

I need to render a custom offline map inside a browser widget.

But i have 2 problems :

The first is that the vertical scrolling seems to be hooked. The problem can be rerpoduced in a simple div :

<div class="wrapper">
    <div class="content">
    </div>
</div>

body {
    height: 100%;
    margin: 0px;
    padding: 0px;
    width: 100%;
}
.wrapper {
    height: 350px;
    overflow: auto;
}
.content {
    height: 15000px;
    font-size: 26px;
    width: 1500px;
    color: white;
    background: hotpink;
}

The second is, if i do a pinch inside the div, the vizualer app crash.

The chromium process throws:

Trying to make virtual context current without decoder.

The browser is a top level widget, with 100% width, and 100% height.

Also, the problem can be seen by loading Google Maps in the browser widget

https://www.google.com/maps

Thank you

anon-6 · July 15, 2018, 5:57pm

Hello,

By default browser comes with scrollable behavior. To stop the browser scrolling option and to scroll it's child widget, we need to disable the browser scroll option using below property.

Browser.enableParentScrollingWhenReachToBoundaries=false;