diff --git a/src/ol/renderer/canvas/map.js b/src/ol/renderer/canvas/map.js index 6db282e133..a0b484b7e7 100644 --- a/src/ol/renderer/canvas/map.js +++ b/src/ol/renderer/canvas/map.js @@ -41,6 +41,7 @@ ol.renderer.canvas.Map = function(container, map) { this.canvas_.style.width = '100%'; this.canvas_.style.height = '100%'; + this.canvas_.style.display = 'block'; this.canvas_.className = ol.css.CLASS_UNSELECTABLE; container.insertBefore(this.canvas_, container.childNodes[0] || null); diff --git a/src/ol/renderer/webgl/map.js b/src/ol/renderer/webgl/map.js index 772992807e..2799444316 100644 --- a/src/ol/renderer/webgl/map.js +++ b/src/ol/renderer/webgl/map.js @@ -40,6 +40,7 @@ if (ol.ENABLE_WEBGL) { (document.createElement('CANVAS')); this.canvas_.style.width = '100%'; this.canvas_.style.height = '100%'; + this.canvas_.style.display = 'block'; this.canvas_.className = ol.css.CLASS_UNSELECTABLE; container.insertBefore(this.canvas_, container.childNodes[0] || null); diff --git a/test_rendering/spec/ol/map.test.js b/test_rendering/spec/ol/map.test.js index d8e35ba614..4c391c1c76 100644 --- a/test_rendering/spec/ol/map.test.js +++ b/test_rendering/spec/ol/map.test.js @@ -36,6 +36,51 @@ describe('ol.rendering.Map', function() { return map; } + describe('#updateSize()', function() { + var map, target; + + function createMap(renderer) { + target = document.createElement('div'); + document.body.appendChild(target); + map = new ol.Map({ + renderer: renderer, + controls: [], + target: target, + view: new ol.View({ + center: [0, 0], + zoom: 2 + }) + }); + return map; + } + + afterEach(function() { + map.setTarget(null); + document.body.removeChild(target); + }); + + it('tests the canvas renderer', function(done) { + map = createMap('canvas'); + map.once('postrender', function() { + var initialSize = map.getSize(); + map.updateSize(); + expect(map.getSize()).to.eql(initialSize); + done(); + }); + }); + + it('tests the WebGL renderer', function(done) { + assertWebGL(); + map = createMap('webgl'); + map.once('postrender', function() { + var initialSize = map.getSize(); + map.updateSize(); + expect(map.getSize()).to.eql(initialSize); + done(); + }); + }); + }); + describe('#render()', function() { afterEach(function() { disposeMap(map);