When scrolling on top of non-scrollable canvas, how can I scroll window instead?

[nitroamos]

This example is based on the same test case I just posted about:
https://forums.smartclient.com/forum...ded-background

When I move my scroll wheel while over the inner ListGrid, the window's scrollbar remains fixed (you can't see it but I'm wiggling the scroll wheel the entire gif but the window only starts moving when the mouse moves off the inner ListGrid). As soon as I move my mouse outside that ListGrid, all of the sudden I can scroll the window. The ListGrid inside the expansion is not vertically scrollable (because it's autofit). This behavior isn't consistent, at least in my real code: sometimes I can scroll the window while my mouse is over the inner ListGrid.

How can I scroll the window when my mouse is in both contexts?

Thanks!


Google Chrome is up to date
Version 62.0.3202.94 (Official Build) (64-bit)

[Isomorphic]

Just a note that we're ignoring this for now, as the test case in the other thread has multiple usage issues. If a test case is produced which reproduces this problem and has no usage issues, please post to this thread again.

[nitroamos]

Ok, I found an independent way to create the issue using this from this showcase example:
https://www.smartclient.com/smartcli...izeIncrease=10

Substitute this code:

isc.ListGrid.create({
    ID: "categoryList",
    width:"100%", height:500,
    drawAheadRatio: 4,
    dataSource: supplyCategory,
    expansionFieldImageShowSelected:true,
    autoFetchData: true,
    canExpandRecords: true,

    getExpansionComponent : function (record) {

        var countryGrid = isc.ListGrid.create({
            autoFitWidthApproach: "both",
            autoFitData: "vertical",
            width:100,
            dataSource: supplyItem,
            canEdit: true,
            modalEditing: true,
            editEvent: "click",
            listEndEditAction: "next",
            autoSaveEdits: false
        });
        countryGrid.fetchRelatedData(record, supplyCategory);
        var layout = isc.VLayout.create({
            padding: 5,
            members: [ countryGrid ]
        });

        return layout;
    }

});

where I've forced the expansion's ListGrid to be so narrow that it has horizontal scrollbars but the height is autofit so that it does not have vertical scrollbars. You can't vertically scroll the outer ListGrid when the mouse is over the inner ListGrid. If the inner ListGrid doesn't have either scrollbar, then you can scroll the outer ListGrid regardless of where the mouse is.

It seems logical to me that if the inner component does not have vertical scrollbars, then it would not trap the vertical scroll.

[Isomorphic]

This issue should now be resolved. Please try the latest nightly build and let us know if the problem persists for you

Regards
Isomorphic Software

[nitroamos]

Thanks, it works!

One thing I noticed was that it may be undesirable for a scroll to "propagate" from a widget inside a modal window to the browser's scrollbar, i.e., such that the modal window could scroll off the screen.