offset drop downs either left or right depending on if rtl is enabled

diff --git a/js/foundation/foundation.dropdown.js b/js/foundation/foundation.dropdown.js
index 03d083a6c1cee63016c4c0b71a772604f5515c9f..1000f99610d8edb384258914fb4fad9156a4ac16 100644 (file)
--- a/js/foundation/foundation.dropdown.js
+++ b/js/foundation/foundation.dropdown.js
@@ -44,7 +44,7 @@
       $('*, html, body').on('click.fndtn.dropdown', function (e) {
         if (!$(e.target).data('dropdown')) {
           $('[data-dropdown-content]')
-            .css('left', '-99999px')
+            .css(Foundation.rtl ? 'right':'left', '-99999px')
             .removeClass(self.settings.activeClass);
         }
       });
@@ -59,11 +59,11 @@
     toggle : function (target, resize) {
       var dropdown = $('#' + target.data('dropdown'));
 
-      $('[data-dropdown-content]').not(dropdown).css('left', '-99999px').removeClass(this.settings.activeClass);
+      $('[data-dropdown-content]').not(dropdown).css(Foundation.rtl ? 'right':'left', '-99999px').removeClass(this.settings.activeClass);
 
       if (dropdown.hasClass(this.settings.activeClass)) {
         dropdown
-          .css('left', '-99999px')
+          .css(Foundation.rtl ? 'right':'left', '-99999px')
           .removeClass(this.settings.activeClass);
       } else {
         this

diff --git a/scss/foundation/components/_dropdown.scss b/scss/foundation/components/_dropdown.scss
index 8dec57ef599833d336b214a6d8a2ecb05434fad8..0428be7c2b2df33eb6de7ecdb66dffad26cafcbf 100644 (file)
--- a/scss/foundation/components/_dropdown.scss
+++ b/scss/foundation/components/_dropdown.scss
@@ -42,7 +42,6 @@ $f-dropdown-content-padding:      emCalc(20px) !default;
 // We use this to style the dropdown container element.
 @mixin dropdown-container($content:list, $triangle:true, $max-width:$f-dropdown-max-width) {
   position: absolute;
-  #{$default-float}: -9999px;
   top: -9999px;
   list-style: $f-dropdown-list-style;