Skip to content

Commit af853c0

Browse files
the-reality-engineerthe-reality-engineer
committed
fix(VIewService): Always set layer styles in _updateViewport
1 parent 4f61ed5 commit af853c0

File tree

4 files changed

+40
-40
lines changed

4 files changed

+40
-40
lines changed

‎dist/argon.core.js‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -18321,6 +18321,19 @@ $__System.register('1', ['2', '3', '3d', '4', '9', '10', 'a', '1d', '35', '2d',
1832118321
ViewService.prototype._updateViewport = function (viewport) {
1832218322
var _this = this;
1832318323
var viewportJSON = JSON.stringify(viewport);
18324+
if (this.layers && this.autoStyleLayerElements) {
18325+
requestAnimationFrame(function () {
18326+
for (var _i = 0, _a = _this._layers; _i < _a.length; _i++) {
18327+
var layer = _a[_i];
18328+
var layerStyle = layer.source.style;
18329+
layerStyle.position = 'absolute';
18330+
layerStyle.left = viewport.x + 'px';
18331+
layerStyle.bottom = viewport.y + 'px';
18332+
layerStyle.width = viewport.width + 'px';
18333+
layerStyle.height = viewport.height + 'px';
18334+
}
18335+
});
18336+
}
1832418337
if (!this._currentViewportJSON || this._currentViewportJSON !== viewportJSON) {
1832518338
this._currentViewportJSON = viewportJSON;
1832618339
this._viewport = Viewport.clone(viewport, this._viewport);
@@ -18343,19 +18356,6 @@ $__System.register('1', ['2', '3', '3d', '4', '9', '10', 'a', '1d', '35', '2d',
1834318356
}
1834418357
});
1834518358
}
18346-
if (this.layers && this.autoStyleLayerElements) {
18347-
requestAnimationFrame(function () {
18348-
for (var _i = 0, _a = _this._layers; _i < _a.length; _i++) {
18349-
var layer = _a[_i];
18350-
var layerStyle = layer.source.style;
18351-
layerStyle.position = 'absolute';
18352-
layerStyle.left = viewport.x + 'px';
18353-
layerStyle.bottom = viewport.y + 'px';
18354-
layerStyle.width = viewport.width + 'px';
18355-
layerStyle.height = viewport.height + 'px';
18356-
}
18357-
});
18358-
}
1835918359
this.viewportChangeEvent.raiseEvent(viewport);
1836018360
}
1836118361
};

‎dist/argon.js‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -23901,6 +23901,19 @@ $__System.register('1', ['2', '3', '3d', '4', '9', '10', 'a', '1d', '35', '2d',
2390123901
ViewService.prototype._updateViewport = function (viewport) {
2390223902
var _this = this;
2390323903
var viewportJSON = JSON.stringify(viewport);
23904+
if (this.layers && this.autoStyleLayerElements) {
23905+
requestAnimationFrame(function () {
23906+
for (var _i = 0, _a = _this._layers; _i < _a.length; _i++) {
23907+
var layer = _a[_i];
23908+
var layerStyle = layer.source.style;
23909+
layerStyle.position = 'absolute';
23910+
layerStyle.left = viewport.x + 'px';
23911+
layerStyle.bottom = viewport.y + 'px';
23912+
layerStyle.width = viewport.width + 'px';
23913+
layerStyle.height = viewport.height + 'px';
23914+
}
23915+
});
23916+
}
2390423917
if (!this._currentViewportJSON || this._currentViewportJSON !== viewportJSON) {
2390523918
this._currentViewportJSON = viewportJSON;
2390623919
this._viewport = Viewport.clone(viewport, this._viewport);
@@ -23923,19 +23936,6 @@ $__System.register('1', ['2', '3', '3d', '4', '9', '10', 'a', '1d', '35', '2d',
2392323936
}
2392423937
});
2392523938
}
23926-
if (this.layers && this.autoStyleLayerElements) {
23927-
requestAnimationFrame(function () {
23928-
for (var _i = 0, _a = _this._layers; _i < _a.length; _i++) {
23929-
var layer = _a[_i];
23930-
var layerStyle = layer.source.style;
23931-
layerStyle.position = 'absolute';
23932-
layerStyle.left = viewport.x + 'px';
23933-
layerStyle.bottom = viewport.y + 'px';
23934-
layerStyle.width = viewport.width + 'px';
23935-
layerStyle.height = viewport.height + 'px';
23936-
}
23937-
});
23938-
}
2393923939
this.viewportChangeEvent.raiseEvent(viewport);
2394023940
}
2394123941
};

‎dist/argon.min.js‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/view.ts‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -341,6 +341,19 @@ export class ViewService {
341341
private _updateViewport(viewport:CanvasViewport) {
342342
const viewportJSON = JSON.stringify(viewport);
343343

344+
if (this.layers && this.autoStyleLayerElements) {
345+
requestAnimationFrame(() => {
346+
for (const layer of this._layers) {
347+
const layerStyle = layer.source.style;
348+
layerStyle.position = 'absolute';
349+
layerStyle.left = viewport.x + 'px';
350+
layerStyle.bottom = viewport.y + 'px';
351+
layerStyle.width = viewport.width + 'px';
352+
layerStyle.height = viewport.height + 'px';
353+
}
354+
})
355+
}
356+
344357
if (!this._currentViewportJSON || this._currentViewportJSON !== viewportJSON) {
345358
this._currentViewportJSON = viewportJSON;
346359

@@ -368,19 +381,6 @@ export class ViewService {
368381
})
369382
}
370383

371-
if (this.layers && this.autoStyleLayerElements) {
372-
requestAnimationFrame(() => {
373-
for (const layer of this._layers) {
374-
const layerStyle = layer.source.style;
375-
layerStyle.position = 'absolute';
376-
layerStyle.left = viewport.x + 'px';
377-
layerStyle.bottom = viewport.y + 'px';
378-
layerStyle.width = viewport.width + 'px';
379-
layerStyle.height = viewport.height + 'px';
380-
}
381-
})
382-
}
383-
384384
this.viewportChangeEvent.raiseEvent(viewport);
385385
}
386386
}

0 commit comments

Comments
 (0)