- Patch #787940 by casey, Kiphaas7: generic approach for position:fixed elements like toolbar.

misc/displace.js

@@ -4,7 +4,7 @@
 /**
  * Provides a generic method to position elements fixed to the viewport.
  *
- * Fixed positioning (CSS declaration position:fixed) is done relatively to the
+ * Fixed positioning (CSS declaration position:fixed) is done relative to the
  * viewport. This makes it hard to position multiple fixed positioned element
  * relative to each other (e.g. multiple toolbars should come after each other,
  * not on top of each other).
@@ -14,7 +14,7 @@
  * port add the class "displace-bottom".
  *
  * When a browser doesn't support position:fixed (like IE6) the element gets
- * positioned absolutely by default, but this can be overriden by using the
+ * positioned absolutely by default, but this can be overridden by using the
  * "displace-unsupported" class.
  */
 
@@ -23,17 +23,10 @@
  */
 Drupal.behaviors.displace = {
   attach: function (context, settings) {
-    // Test for position:fixed support as IE6 does not.
-    // http://yura.thinkweb2.com/cft/#IS_POSITION_FIXED_SUPPORTED
-    if (this.supported === undefined) {
-      var el = $('<div style="position:fixed;top:10px"/>').appendTo(document.body);
-      this.supported = el[0].offsetTop === 10;
-      el.remove();
-
-      if (!this.supported) {
+    // Test for position:fixed support.
+    if (!Drupal.positionFixedSupported()) {
       $(document.documentElement).addClass('displace-unsupported');
     }
-    }
 
     $(document.body).once('displace', function () {
       $(window).bind('resize.drupal-displace', function () {

misc/drupal.js

@@ -299,6 +299,24 @@ Drupal.getSelection = function (element) {
   return { 'start': element.selectionStart, 'end': element.selectionEnd };
 };
 
+/**
+ * Checks if position:fixed is supported.
+ *
+ * @return
+ *   Boolean indicating whether or not position:fixed is supported.
+ *
+ * @see http://yura.thinkweb2.com/cft/#IS_POSITION_FIXED_SUPPORTED
+ */
+Drupal.positionFixedSupported = function () {
+  if (this._positionFixedSupported === undefined) {
+    var el = $('<div style="position:fixed; top:10px" />').appendTo(document.body);
+    this._positionFixedSupported = el[0].offsetTop === 10;
+    el.remove();
+  }
+
+  return this._positionFixedSupported;
+};
+
 /**
  * Build an error message from an AJAX response.
  */