Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

131
Views
Tab behavior with "editor: 'list'" doesn't honor the tabindex

Tabulator's "editor: 'list'" seems to not honor the tabindex when you press 'Tab' when the select list menu is open.

https://jsfiddle.net/sv95rzy4/3/

To reproduce in the jsfiddle click on 'Alice' in the table then press the 'Tab' key. The menu opens in the Level column. Then press the 'Tab' key again. I would expect the button in the Action column to be selected, but instead the next row's dropdown menu opens.

Here is the code if you can't see the jsfiddle for some reason. I don't think it has anything to do with the fact I am using a formatter for the editor list, but I left it in the example just in case. (If you comment out the formatter the behavior is still the same).

var tableData = [{
    name: "Alice", level: "2", actions: "<button tabindex='0' onclick=\"alert('clicked 1')\">X</button>"},
  { name: "Bob", level: "3", actions: "<button tabindex='0' onclick=\"alert('clicked 2')\">X</button>", },
];

var levels = {  1: 'Pro',  2: 'Advanced',  3: 'Moderate',  4: 'Rookie'
};

var table = new Tabulator("#example-table", {
  height: '100px',
  data: tableData,
  columns: [{
    title: "Name",
    field: "name"
  },{
    title: "Level",
    field: "level",
    editor: "list",
    editorParams: {
      values: levels
    },
    formatter: function(cell, formatterParams, onRendered) {
      var select = document.createElement('select');
      select.style.width = '100%';
      select.innerHTML = '<option>' + levels[cell.getValue()] + '</option>'; 

      return select;
    }
  }, {title: "Actions", field: "actions", formatter: 'html'} ],
});
about 4 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!