title: Yii2: Gridview EditableColumn invisible popover
body: <p>I am using <em>Kartik Gridview.</em> Unfortunately, when I create an <strong>editable column</strong>, it does <em>not show</em> the box to enter editable values. <strong>That box is being hidden after the next row</strong>, how can I fix this?</p>
  
  <p>What happening???</p>
  
  <p><a href="https://i.stack.imgur.com/MHXzZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MHXzZ.png" alt="Issue"></a></p>
  
  <p>What I expect</p>
  
  <p><a href="https://i.stack.imgur.com/JpUDi.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JpUDi.png" alt="enter image description here"></a></p>
  
  <p>Here is my code</p>
  
  <pre><code>[
          // type of columns
          'class' =&gt; 'kartik\grid\EditableColumn',
          // data which is rendered from controller, use by its attribute
          'attribute' =&gt; 'note',
          'header' =&gt; 'Ghi chú',
          // vertical alignment
          'vAlign' =&gt; 'middle',
          // horizontal alignment
          'hAlign' =&gt; 'center',
          // edit field
          'editableOptions' =&gt; function ($model, $key, $index) {
              return [
                  'name' =&gt; 'note', // this will be sent to controller to process
                  'header' =&gt; 'Ghi chú',
                  'asPopover' =&gt; true,
                  'inputType' =&gt; \kartik\editable\Editable::INPUT_TEXTAREA,
                  // appear above the text box
                  'beforeInput' =&gt; '&lt;h3 style="font-weight: bold"&gt;Thêm ghi chú về ứng viên này&lt;/h3&gt;',
                  // default value in the text box
                  'value' =&gt; $model['note'] // in this case, $model is an array. For others, $model-&gt;employer_score
              ];
          },
          'format' =&gt; 'raw',
          // format of this column will display html code
          // 'format' =&gt; 'html',
      ],
  </code></pre>