Can't scroll on the scrollable dom that as zone add to editor

monaco-editor version: v0.21.2 Browser: Google Chrome v87.0.4280.141(x86_64) OS: macOS Playground code that reproduces the issue:

var originalModel = monaco.editor.createModel("This line is removed on the right.\njust some text\nabcd\nefgh\nSome more text", "text/plain");
var modifiedModel = monaco.editor.createModel("just some text\nabcz\nzzzzefgh\nSome more text\nThis line is removed on the left.", "text/plain");

var diffEditor = monaco.editor.createDiffEditor(document.getElementById("container"), {
	// You can optionally disable the resizing
	enableSplitViewResizing: false,

	// Render the diff inline
	renderSideBySide: false
});
diffEditor.setModel({
	original: originalModel,
	modified: modifiedModel
});
var modifiedEditor = diffEditor.getModifiedEditor();
var div = document.createElement('div');
var child = document.createElement('div');
div.style.height = '50px';
div.style['overflow-y'] = 'scroll';
child.style.height = '100px';
div.appendChild(child);
modifiedEditor.changeViewZones((accessor) => {
    accessor.addZone({
        afterLineNumber: 2,
        heightInPx: 50,
        domNode: div
    });
})

[chenmy0917]

@alexdima OK , I will try it, thank you~

[ricenoddle]

But the problem of stopPropagation is I cannot scroll the editor when I scrolled to the bottom of my OverlayWidget