Swipeable tabs carousel height limited to 400px

The .carousel div is limited to a height of 400px. Sometimes, an ever smaller height is forced with a style attribute. This is actually to small for the content I want to show under the tabs. The issue: Why is it limited to 400px? How can I fix this?

Thank you for your response.

[mchalakov]

The problem is that the swipeable tabs are styled by the carousel css. Reference #4148 . In materialize.css change: .tabs-content.carousel { height: 100%; overflow-x:hidden; overflow-y: scroll; } .tabs-content.carousel .carousel-item { width: 100%; height: 100%; } html,body{ overflow:hidden; height:100%; }

[ccunni3]

@Blaconix @gillesbs

Set the height and width properties of the selector .tabs-content.carousel .carousel-item to whatever you want the width and height to be.

Then in a document ready function, change the height of the container to be whatever the height of the content is with a statement similar to: document.querySelector('.tabs-content.carousel').style.height = window.innerHeight + "px";