fix #2846: Firefox required two clicks on selects to get to options dropdown

diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip
index 2c5b3d8b2e3a49c4c3e3d6a7ad1c389d39550fa8..7eeb7ca84a85ef45bf1c7b05475b2ba7edea946c 100644 (file)
Binary files a/docs/assets/bootstrap.zip and b/docs/assets/bootstrap.zip differ

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 7ed443efb1067feb41e3374b2d050ed39a16a177..9684cc912e65b9982777f3bb8a396023efb503cd 100644 (file)
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -991,6 +991,7 @@ select:focus:required:invalid:focus {
 .input-append select,
 .input-prepend .uneditable-input,
 .input-append .uneditable-input {
+  position: relative;
   margin-bottom: 0;
   *margin-left: 0;
   vertical-align: middle;
@@ -1004,7 +1005,6 @@ select:focus:required:invalid:focus {
 .input-append select:focus,
 .input-prepend .uneditable-input:focus,
 .input-append .uneditable-input:focus {
-  position: relative;
   z-index: 2;
 }
 .input-prepend .uneditable-input,

diff --git a/less/forms.less b/less/forms.less
index 6c7faf0e200cfd70660173b63262055fa1658754..a57732c13cabde20262cdd656524937823dcb46e 100644 (file)
--- a/less/forms.less
+++ b/less/forms.less
@@ -365,13 +365,13 @@ select:focus:required:invalid {
   input,
   select,
   .uneditable-input {
+    position: relative; // placed here by default so that on :focus we can place the input above the .add-on for full border and box-shadow goodness
     margin-bottom: 0; // prevent bottom margin from screwing up alignment in stacked forms
     *margin-left: 0;
     vertical-align: middle;
     .border-radius(0 3px 3px 0);
     // Make input on top when focused so blue border and shadow always show
     &:focus {
-      position: relative;
       z-index: 2;
     }
   }