Comment déboguer un conflit bootstrap + dhtmlxgrid CSS

Question

J'ai une application Rails 4.2 avec JQuery, Bootstrap et dhtmlx.

Maintenant, si je crée un dhtmlXGrid sur une page, la grille apparaît.

Mais si je change la taille de la colonne avec la souris, la taille de la grille entière diminue. (bug étrange)

Si je supprime la grille de la classe de la #gridbox div (après le chargement de la page avec les outils de développement de chrome) le bug disparaît mais le style aussi (bien sûr!).

Si je supprime l'amorce des travaux de css grille correctement (mais bien sûr bootstrap navbar pas!)

Comment corriger ce comportement?

Je recherche la classe gridbox dans bootstrap mais elle n'existe pas. Alors, comment savoir ce qui provoque le redimensionnement de la grille?

J'ai un zip de test avec un exemple il suffit d'ouvrir le fichier html.html:

dropbox

Answer 1

J'ai trouvé une solution ici: dhtmlx forum

juste ajouter un peu à application.css css (ou application.css.scss)

div.gridbox { 
    -webkit-box-sizing: content-box; 
    -moz-box-sizing: content-box; 
    box-sizing: content-box; 
} 

Il y a un autre problème: la barre de défilement horizontale est toujours affichée