BUG with BootStrap Theme in Datatable

[nokiajavi]

Good, recently, a bug has emerged in primefaces with the theme bootstrap and chrome browser from version 51 onwards.
The bug is that in all datatable a horizontal scroll bar always comes out. As you can see in the screenshot of the web of primefaces, when the examples of the datatable with the bootstrap theme are shown, the scrollbar is shown.



I have tried other themes and the same thing does not happen, only with bootstrap and with chrome, in Firefox and Internet explorer does not happen.

From what I have been seeing the lines that cause this error are:

Code: Select all

/* Interaction states ----------------------------------*/
......
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

Currently I have it solved by overwriting a style of primefaces datatable:

Code: Select all

.ui-datatable-tablewrapper {
    overflow: hidden;
}

Surely the browser has made some change in terms of the display of the styles, but if for some reason there is some incompatibility and can be corrected as I communicate so that you have proof of the problem.

Regards