Lightning Aura Components – lightning:spinner in slds-scrollable Scrolls Out of View

I am displaying a long scrollable content in a modal

<c:strike_modal aura:id="filterModal" title="Filter volumes" primaryButtonLabel="Ok" secondaryButtonLabel="Cancel" showHeader="true" showFooter="true" showModal="false">
    <div class="slds-scrollable slds-is-relative">
        <lightning:spinner aura:id="spinner" class="slds-hide" />
        ...
        much content
        ...
    </div>
</c:strike_modal>

and my problem is that the spinner is not shown when the user scrolls to the bottom of the modal.

Best Answer

If Martin Lezer's answer is not what you're looking for, you can just put the lightning:spinnner outside of the <div class="slds-is-relative">. The spinner will be centered and the user will not be able to scroll.

Related Topic