Editor inline editing active cell class

dmryzhkov

I use the Editor, inline () editing. If I use Inline editing on the Tab focus, the "focus" class is assigned to the cell and CSS creates an ugly square 3px blue outline. In the example, there is no such problem, and the settings are the same.

allan

This example? Click the "CSS" tab below the table and you'll see the CSS used to correct the styling for that example.

Allan

dmryzhkov

No, https://editor.datatables.net/examples/inline-editing/tabControl.html. In the example, the selected cell is not assigned the "focus" class , but I'm assigned <td class="focus">.

tangerine

So is your CSS the same as that in the example?

allan

I'm not quite understanding either. What code are you using to add the focus? If you could link to the page showing the issue, that would be helpful.

Allan

dmryzhkov

Allan, my code 100% copy-paste from https://editor.datatables.net/examples/inline-editing/tabControl.html, but I get what's in the picture

allan

That example doesn't include the KeyTable CSS, which would explain why it doesn't have the focus ring on the cell. The code you are using must include that CSS.

Allan

dmryzhkov

Im try to use CDN href="//cdn.datatables.net/keytable/2.2.0/css/keyTable.dataTables.min.css"

If i comment this code:

            keys: {
                columns: ':not(:first-child)',
                keys: [ 9 ],
            },

blue outline is missing

allan

Yes, my point was that the example I linked to above doesn't include that CSS file. Thus there is no blue outline showing the cell focus. You could not include that file as well, or you could override the CSS.

Allan