0

I'm creating an LWC to display on a record page. When the spinner over the component is shown, it displays over the top navigation when you scroll down (shown below). Is there any way to change this behavior?

Basic structure of the html:

   <template>
       <lightning-card>
           <template if:true={showSpinner}>
               <lightning-spinner></lightning-spinner>
           </template>
           <template if:true={isData}>
             <!--more stuff-->
           </template>
       </lightning-card>
   </template>

spinner over navigation

1
  • you can try playin around with the element's z-index
    – glls
    Feb 3, 2022 at 18:10

1 Answer 1

0

Try putting the spineer on a higher level

  <template>
        <template if:true={showSpinner}>
            <lightning-spinner></lightning-spinner>
        </template>
       <lightning-card>
           <template if:true={isData}>
             <!--more stuff-->
           </template>
       </lightning-card>
   </template>

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .