Use correct row for override in canvas renderer

src/browser/renderer/Renderer.ts

@@ -14,7 +14,6 @@ import { ICharSizeService } from 'browser/services/Services';
 import { IBufferService, IOptionsService, IInstantiationService } from 'common/services/Services';
 import { removeTerminalFromCache } from 'browser/renderer/atlas/CharAtlasCache';
 import { EventEmitter, IEvent } from 'common/EventEmitter';
-import { IDecorationOptions, IDecoration } from 'xterm';
 
 let nextRendererId = 1;
 

src/browser/renderer/TextRenderLayer.ts

@@ -179,7 +179,7 @@ export class TextRenderLayer extends BaseRenderLayer {
 
       // Get any decoration foreground/background overrides, this must be fetched before the early
       // exist but applied after inverse
-      const decorations = this._decorationService.getDecorationsOnLine(y);
+      const decorations = this._decorationService.getDecorationsOnLine(this._bufferService.buffer.ydisp + y);
       for (const d of decorations) {
         const xmin = d.options.x ?? 0;
         const xmax = xmin + (d.options.width ?? 1);