diff --git a/src/ol/control/ScaleLine.js b/src/ol/control/ScaleLine.js
index 28c88d117b..dac67278ee 100644
--- a/src/ol/control/ScaleLine.js
+++ b/src/ol/control/ScaleLine.js
@@ -80,15 +80,11 @@ class ScaleLine extends Control {
   constructor(opt_options) {
     const options = opt_options ? opt_options : {};
 
-    const className =
-      options.className !== undefined
-        ? options.className
-        : options.bar
-        ? 'ol-scale-bar'
-        : 'ol-scale-line';
+    const element = document.createElement('div');
+    element.style.pointerEvents = 'none';
 
     super({
-      element: document.createElement('div'),
+      element: element,
       render: options.render,
       target: options.target,
     });
@@ -108,6 +104,13 @@ class ScaleLine extends Control {
      */
     this.un;
 
+    const className =
+      options.className !== undefined
+        ? options.className
+        : options.bar
+        ? 'ol-scale-bar'
+        : 'ol-scale-line';
+
     /**
      * @private
      * @type {HTMLElement}