Semantic UI and Editor seem to be not a good couple together

I do not know how to give a live example as the Editor is not available via CDN to link to the live editor. However, I am having a problem controlling the inline field width when a cell is edited.

The best way to describe it is, if the table's column header is 2 letters:

<table>
     <thead>
          <tr>
               <th>CT</th>
          <tr>
     </thead>
</table>

When you click in the cell to edit it, nothing is shown. I can add a few more letters to the name, and it will then start to show data. I have tried a bunch of semantic css as well as:

{
targets:[0],
width: "50%"
},

But nothing seems to fix it until I remove the "form" class from the cell, which at that point it turns it into datatables input field.