ionic slide box dynamic height - fixes the issue where the slide boxes aren't taking up the full height of the device

directive.js

app.directive('dynamicHeight', function() {
    return {
        require: ['^ionSlideBox'],
        link: function(scope, elem, attrs, slider) {
            scope.$watch(function() {
                return slider[0].__slider.selected();
            }, function(val) {
                //getting the height of viewport
                var newHeight = window.getComputedStyle(elem.parents('ion-content')[0], null).getPropertyValue("height");
                if (parseInt(newHeight) > 0) {
                    var ionScrollTag = elem.find('ion-scroll')[0];
                    ionScrollTag.style.height = newHeight;
                }
            });
        }
    };
});

view.html

<ion-content>
    <ion-slide-box>
    
        <ion-slide class="slide" dynamic-height>
            <ion-scroll>
                <div class="slide-box box">
                  <!-- your stuff -->
                </div>
            </ion-scroll>
        </ion-slide>
    
    </ion-slide-box>
</ion-content>

Thank you very much for this fix ! <3