Add will-change CSS property to ol.Overlay element

openlayers · Oct 8, 2014 · 0f7df18 · 0f7df18
1 parent 5cc9f8d
commit 0f7df18
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/css/ol.css b/css/ol.css
@@ -4,7 +4,9 @@
   right: 8px;
   position: absolute;
 }
-
+.ol-overlay-container {
+  will-change: bottom, left, right, top;
+}
 .ol-scale-line {
   background: #95b9e6;
   background: rgba(0,60,136,0.3);

diff --git a/src/ol/overlay.js b/src/ol/overlay.js
@@ -87,7 +87,9 @@ ol.Overlay = function(options) {
    * @private
    * @type {Element}
    */
-  this.element_ = goog.dom.createElement(goog.dom.TagName.DIV);
+  this.element_ = goog.dom.createDom(goog.dom.TagName.DIV, {
+    'class': 'ol-overlay-container'
+  });
   this.element_.style.position = 'absolute';
 
   /**