Datatables input glow cut off

[mvanbeekum]

Is there a quick fix to have the focused input box show the full dropshadow/glow?

[tiesont]

The "glow" (the :focus style) is being hidden by the overflow rule from .table-responsive. If you eliminate that wrapper div, the style displays as (likely) intended. Whether that works for you is up to your needs when customizing / implementing this template.

This is a known "issue" with the table component: https://getbootstrap.com/docs/4.3/content/tables/#responsive-tables

[mvanbeekum]

The .table-responsive class is pretty useful for me so I'd like to keep it.

I've added some padding to it as a quick fix: <div class="table-responsive" style="padding: 3px 3px 0 0;">

[tiesont]

You could also add a consistent bit of padding around the whole table, using one of the padding classes:

<div class="table-responsive p-1">

With that, you get the whole focus effect and the same amount of white-space on each side of the grid.

[mvanbeekum]

That also worked well. Thank you.

[Harpreet-kaurr]

can i fix this issue?