title: x-editable popover not shown completely
body: <p>I am using <a href="http://vitalets.github.io/x-editable/" rel="noreferrer">x-editable</a> js. My x-editable popover is not shown completely. </p>
  
  <p><img src="https://i.stack.imgur.com/55qNZ.png" alt="enter image description here"></p>
  
  <p>I think problem in z-index, I tried it on hyperlink but no luck. </p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
    $(function () {
      $('.extraSectionTitle').editable({
          success: function (response, newValue) {
              if (response.status == 'error') {
                  return response.msg;
              }
          }
      });
      $('.extraSectionDescription').editable({
          success: function (response, newValue) {
              if (response.status == 'error') {
                  return response.msg;
              }
          }
      });
    });
  &lt;/script&gt;
  
  &lt;div class="row-fluid"&gt;
    &lt;div class="span7"&gt;
      &lt;div class="accordion-body collapse in"&gt;
          &lt;div class="row-fluid" id="myDiv"&gt;
              &lt;div class="box box-color box-bordered"&gt;
                  &lt;div class="box-title"&gt;
                       &lt;h3&gt;&lt;i class="icon-th-list"&gt;&lt;/i&gt; Hi&lt;/h3&gt;
  
                  &lt;/div&gt;
                  &lt;div class="box-content nopadding"&gt;
                      &lt;table class="table table-hover table-nomargin table-bordered"&gt;
                          &lt;thead&gt;
                              &lt;tr&gt;
                                  &lt;th&gt;Title&lt;/th&gt;
                                  &lt;th&gt;Description&lt;/th&gt;
                              &lt;/tr&gt;
                          &lt;/thead&gt;
                          &lt;tbody&gt;
                              &lt;tr&gt;
                                  &lt;td&gt; 
                                      &lt;a class="editable editable-click extraSectionTitle" data-original-title="Edit Title" data-pk="1" data-type="text" href="#" data-url="#" data-placement="right" title="Edit Title"&gt;ASD ASD ASD ASD ASD &lt;/a&gt;
                                  &lt;/td&gt;
                                  &lt;td&gt; 
                                    &lt;a class="editable editable-click extraSectionDescription" data-original-title="Edit Description" data-pk="${extra?.id}" data-type="text" href="#" data-url="#" data-placement="right" title="Edit Description"&gt;DSA DSA DSA DSA DSA &lt;/a&gt;
                                  &lt;/td&gt;
                              &lt;/tr&gt;
                          &lt;/tbody&gt;
                      &lt;/table&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="span5"&gt;
      &lt;div class="box box-color box-bordered"&gt;
          &lt;div class="box-title"&gt;
               &lt;h3&gt;&lt;i class="icon-th-list"&gt;&lt;/i&gt; Hi&lt;/h3&gt;
  
          &lt;/div&gt;
          &lt;div class="box-content nopadding"&gt;Hello Hi Hello Hi Hello Hi&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><kbd><a href="http://jsfiddle.net/mkbharti/kGQ2R/3/embedded/result/" rel="noreferrer">DEMO FIDDLE</a></kbd></p>