OpenLayers Bug

by Nick Karnik

HTML

<script src="https://dl.dropboxusercontent.com/u/28584686/ol-debug-3.2.0.js"></script>
<link rel="stylesheet" href="http://openlayers.org/en/v3.2.1/css/ol.css">
<div id=map></div>

CSS

#map {
    width: 800px;
    height:800px;
}
.rotate-north {
    top: 65px;
    left: .5em;
}
.ol-touch .rotate-north {
    top: 80px;
}
.presentationlabel {
    //width: 400px;
    //height: 400px;
    //background-color:red;
    top: 125px;
    left: .5em;
}

JavaScript

var presentationLabel = function (opt_options) {
     var options = opt_options || {};

     this.label = document.createElement('label');
     this.label.innerHTML = "tHIS IS A AEST";

     var element = document.createElement('div');
     element.className = 'presentationlabel ol-selectable ol-control';
     element.appendChild(this.label);

     ol.control.Control.call(this, {
         element: element,
         target: options.target
     });
 };
 ol.inherits(presentationLabel, ol.control.Control);


 presentationLabel.prototype.setText = function (text) {
     this.label.innerHTML = text;
 };

 window.app = {};
 var app = window.app;

 app.RotateNorthControl = function (opt_options) {

     var options = opt_options || {};

     var button = document.createElement('button');
     button.innerHTML = 'N';

     var this_ = this;
     var handleRotateNorth = function (e) {
         this_.getMap().getView().setRotation(0);
     };

     button.addEventListener('click', handleRotateNorth, false);
     button.addEventListener('touchstart', handleRotateNorth, false);

     var element = document.createElement('div');
     element.className = 'rotate-north ol-unselectable ol-control';
     element.appendChild(button);

     ol.control.Control.call(this, {
         element: element,
         target: options.target
     });

 };
 ol.inherits(app.RotateNorthControl, ol.control.Control);


 //
 // Create map, giving it a rotate to north control.
 //


 var map = new ol.Map({
     controls: ol.control.defaults({
         attributionOptions: /** @type {olx.control.AttributionOptions} */
         ({
             collapsible: false
         })
     }),
     //.extend([new app.RotateNorthControl()]),
     layers: [
     new ol.layer.Tile({
         source: new ol.source.OSM()
     })],
     renderer: "canvas",
     target: 'map',
     view: new ol.View({
         center: [0, 0],
         zoom: 2,
         rotation: 1
     })
 });
 map.addControl(new...