Prevent default jquery-ui tab behaviour when using keyboard navigation

Question

I'm using jquery-ui tabs and jeditable to inline edit the tab title. But navigating with the cursors in the editable text leads jquery-ui to navigate to the tab next to it.

How can i prevent the jquery default behaviour (disable keyboad navigation in tabs).

Cheers, Broncko

Answer 1

Solved it by:

$.widget( "ui.tabs", $.ui.tabs, {
    options: {
      keyboard: true
    },
    _tabKeydown: function(e) {
      if(this.options.keyboard) {
        this._super( '_tabKeydown' );
      } else {
        return false;
      }
    }
});