responsive edit form not showing properly

When using responsive support in the editor on a small device, if I do an edit via a link that I have created in the row (as oppsed to an editor button), the edit form comes up blank. With a link in the datatable column that has the editor_edit class I do this:

$(this.$el).on('click','a.editor_edit', function(e) {
          e.preventDefault();
           editor.edit( $(this).closest('tr'), {
             title: 'Edit  record',
             buttons: 'Update'
          } );
});

and get a blank edit form - just the title bar and button. If I use the editor Edit button, it all works properly.

I am using Chrome Developer tools to test different devices.

If I go back to my normal desktop, the link in the datatable row works properly. So it is only when on a smaller device that I am having the issue.

I am including this style sheet for responsive:
https://cdn.datatables.net/responsive/2.2.1/css/responsive.dataTables.min.cs

When I inspect, I get

 <div data-dte-e="form_content" class="DTE_Form_Content"></div>

and the div is empty.

Thanks for any ideas.