From 436891f154d09be96bae6d52ee7bd39e418fc4d7 Mon Sep 17 00:00:00 2001
From: Igor Vaynberg <igor.vaynberg@gmail.com>
Date: Fri, 8 Jun 2012 18:22:36 -0700
Subject: [PATCH] adding browser compatibility. fixes #79

---
 index.html          | 28 ++++++++++++++++++----------
 select2-latest.html | 10 ++++++++++
 select2-master      |  2 +-
 3 files changed, 29 insertions(+), 11 deletions(-)

diff --git a/index.html b/index.html
index 0c6c1baa..0f008ec4 100755
--- a/index.html
+++ b/index.html
@@ -214,6 +214,17 @@ $("#e10_3").select2({
             </div></div>
         </section>
 
+        <section>
+            <h2>Browser Compatibility</h2>
+            <ul>
+            <li>IE 8+ (7 mostly works except for <a href="https://github.com/ivaynberg/select2/issues/37">issue with z-index</a>)</li>
+            <li>Chrome 8+</li>
+            <li>Firefox 3.5+</li>
+            <li>Safari 3+</li>
+            <li>Opera 10.6+</li>
+            </ul>
+        </section>
+
       <section>
       <div class="row">
           <div class="span12">
@@ -370,7 +381,7 @@ $("#e2_2").select2({
            </pre>
         </div>
        </article>
-          
+
         <article class="zebra row" id="ajax">
            <div class="span12">
              <h3>Loading Remote Data</h3>
@@ -559,15 +570,15 @@ $("#e14_destroy").click(function() { $("#e14").select2("destroy"); });
           </div>
       </article>
 
-      
+
       </section>
-      
-      
+
+
       <!--               -->
       <!-- DOCUMENTATION -->
       <!--               -->
-      
-      
+
+
       <section id="documentation">
 
         <div class="row" style="padding-top: 20px;">
@@ -609,7 +620,7 @@ $("#e14_destroy").click(function() { $("#e14").select2("destroy"); });
                     non-multi-value select boxes an empty first <code>option</code> element must be provided (<code>&lt;option&gt;&lt;/option&gt;</code>)
                     for the placeholder to work.
                 </p>
-                
+
                 <p class="alert alert-warning">When Select2 is used in multi-select mode the placeholder must be a string.</p>
             </td></tr>
             <tr>
@@ -623,9 +634,6 @@ $("#e14_destroy").click(function() { $("#e14").select2("destroy"); });
                         only
                         available when the placeholder is specified.
                     </p>
-                    <p class="alert alert-warning">When attached to a <code>select</code> an <code>option</code> with an empty value must be provided.
-                        This is the option that will be selected when the button is pressed since a select box requires
-                        at least one selection <code>option</code>.</p>
 
                     <p>
                         Also, note that this option only works with
diff --git a/select2-latest.html b/select2-latest.html
index 021356e1..3999b364 100755
--- a/select2-latest.html
+++ b/select2-latest.html
@@ -215,6 +215,16 @@ $("#e10_3").select2({
             </div></div>
         </section>
 
+        <section>
+            <h2>Browser Compatibility</h2>
+            <ul>
+                <li>IE 8+ (7 mostly works except for <a href="https://github.com/ivaynberg/select2/issues/37">issue with z-index</a>)</li>
+                <li>Chrome 8+</li>
+                <li>Firefox 3.5+</li>
+                <li>Safari 3+</li>
+                <li>Opera 10.6+</li>
+            </ul>
+        </section>
 
       <section>
       <div class="row">
diff --git a/select2-master b/select2-master
index 588d9a5c..cb2e131c 160000
--- a/select2-master
+++ b/select2-master
@@ -1 +1 @@
-Subproject commit 588d9a5ce98264370819f15ca17289451294e1f8
+Subproject commit cb2e131c502e76de79ee866ec8410372c20aa333