Revert "remove translate3d from list"

This reverts commit 4b11ad07a9.
This commit is contained in:
Joao Moreno
2017-06-26 16:34:12 +02:00
parent e98ba9aa96
commit da212874ad
3 changed files with 33 additions and 2 deletions

View File

@@ -21,7 +21,6 @@
.monaco-list-rows {
position: relative;
will-change: top;
width: 100%;
height: 100%;
}

View File

@@ -13,6 +13,8 @@ import { ScrollEvent, ScrollbarVisibility } from 'vs/base/common/scrollable';
import { RangeMap, IRange, relativeComplement, each } from './rangeMap';
import { IDelegate, IRenderer } from './list';
import { RowCache, IRow } from './rowCache';
import { isWindows } from 'vs/base/common/platform';
import { canUseTranslate3d } from 'vs/base/browser/browser';
interface IItem<T> {
id: string;
@@ -178,7 +180,14 @@ export class ListView<T> implements IDisposable {
rangesToInsert.forEach(range => each(range, i => this.insertItemInDOM(this.items[i], i)));
rangesToRemove.forEach(range => each(range, i => this.removeItemFromDOM(this.items[i])));
this.rowsContainer.style.top = `-${renderTop}px`;
if (canUseTranslate3d() && !isWindows /* Windows: translate3d breaks subpixel-antialias (ClearType) unless a background is defined */) {
const transform = `translate3d(0px, -${renderTop}px, 0px)`;
this.rowsContainer.style.transform = transform;
this.rowsContainer.style.webkitTransform = transform;
} else {
this.rowsContainer.style.top = `-${renderTop}px`;
}
this.lastRenderTop = renderTop;
this.lastRenderHeight = renderHeight;
}