Incorrect positioning/Overlap for codelens in diff viewer

There’s an overlap when we add a codelens to a line directly below a “removed code” block in the diff viewer (see screenshot). Ideally, the codelens should be in it’s own separate line (which is above the “removed code” block.

monaco-editor version: 0.30.1 Browser: Chrome 95.0.4638.69 (arm64) OS: macOS Playground code that reproduces the issue:

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

var diffEditor = monaco.editor.createDiffEditor(document.getElementById('container'), {
    readOnly: false,
    automaticLayout: true,
    scrollBeyondLastLine: false,
    wordWrap: "on",
    codeLens: true,
    diffCodeLens: true,
    originalEditable: true,
    lineNumbersMinChars: 7,
});
diffEditor.setModel({
	original: originalModel,
	modified: modifiedModel
});



var commandId = diffEditor.addCommand(
	0,
	function () {
		alert('my command is executing!');
	},
	''
);

monaco.languages.registerCodeLensProvider('*', {
	provideCodeLenses: function (model, token) {
		return {
			lenses: [
				{
					range: {
						startLineNumber: 2,
						startColumn: 1,
						endLineNumber: 2,
						endColumn: 2
					},
					id: 'First Line',
					command: {
						id: commandId,
						title: 'First Line'
					}
				}
			],
			dispose: () => {}
		};
	},
	resolveCodeLens: function (model, codeLens, token) {
		return codeLens;
	}
});

[dhruvit-r]

@hediet Created an issue here, thanks!

[hediet]

Let’s track this issue in the vscode repo.