Handsontable - Horizontale Bildlaufleiste verschwindet

Question

Ich habe vier Handsontable-Instanzen erstellt, die gleichmäßig über vier Fenster verteilt sind und eine Bibliothek namens split.js verwenden.

Ich habe dann die Bildlaufleisten in jedem Fenster aktiviert, indem ich den Container-Überlauf auf auto gesetzt habe.

#equipment { 
    overflow: auto; 
} 

Dies zeigt die Bildlaufleisten unter allen GUI-Manipulationen erfolgreich in der vertikalen Position an.

Die horizontalen Bildlaufleisten sind jedoch etwas buggy. Insbesondere bei der anfänglichen Belastung der Fenster sind die horizontalen Bildlaufleisten nirgends zu sehen. Aber beim Ziehen der split.js Rinnen erscheint die Bildlaufleiste wieder magisch! Wenn Sie dann aber innerhalb der Container auf die Handsontables klicken, wird die horizontale Bildlaufleiste wieder ausgeblendet (an der Basis des Handsontables). Siehe Bild unten.

Ich habe auch eine Geige erstellt, die dieses Problem zeigt.

https://jsfiddle.net/JoshAdams/4p8jLcnk/

Also meine Frage ist, wie kann ich die horizontale Bildlaufleiste machen immer oben unter allen Umständen angezeigt werden?

Answer 1

Die overflow:auto war auf einem Element, das eine Höhe höher als seine Eltern hatte. Das übergeordnete Element hatte overflow:hidden, sodass der horizontale Bildlauf auf dem untergeordneten Element nicht sichtbar war. Ich war mir nicht sicher, ob Sie die Schwebebalken beim Hover haben wollten, also habe ich sie zum CSS hinzugefügt, aber auskommentiert. Hier ist eine aktualisierte Geige.

https://jsfiddle.net/4p8jLcnk/9/