8000 Rendering a list of <Suspense>-wrapped components fails · Issue #13305 · vuejs/core · GitHub
[go: up one dir, main page]
Skip to content

Rendering a list of <Suspense>-wrapped components fails #13305

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Closed
dgrayvold opened this issue May 10, 2025 · 0 comments · Fixed by #13306
Closed

Rendering a list of <Suspense>-wrapped components fails #13305

dgrayvold opened this issue May 10, 2025 · 0 comments · Fixed by #13306
Labels
🔨 p3-minor-bug Priority 3: this fixes a bug, but is an edge case that only affects very specific usage. scope: suspense

Comments

@dgrayvold
Copy link

Vue version

3.5.13

Link to minimal reproduction

https://github.com/dgrayvold/vue-list-rendering-issue

Steps to reproduce

  1. Install dependencies with pnpm i
  2. Run the dev server
  3. Navigate to the index page and click the Scramble button

What is expected?

The list is rendered properly with the expected scrambled order rendered at the top of the page

What is actually happening?

Rendering fails. The console shows the error Uncaught (in promise) DOMException: Node.insertBefore: Child to insert before is not a child of this node

System Info



Any additional comments?


Possibly a duplicate of #11617 as the workaround mentioned does make this work. Issue was originally discovered with nuxt/nuxt#31568

      		
    

      
  





        



            
            

              
            

        

      


      
    








      


  




  
  

              

  
    Sign up for free
    to join this conversation on GitHub.
    Already have an account?
    Sign in to comment


  



  






  
                  




    

  


      
  

    Assignees
  



        

    No one assigned







      


  


  

    Labels
  



    

      

    🔨 p3-minor-bug

  Priority 3: this fixes a bug, but is an edge case that only affects very specific usage.
  

    scope: suspense









      

  

    

        

    Projects
  


        




    None yet




  



      


  

    
  

    Milestone
  


      No milestone





    
      
          


  

    

      
        

          
    

    Development
  




            
  
Successfully merging a pull request may close this issue.





    


  
          
      fix(suspense): handle edge case in patching list nodes within Suspense

    
      vuejs/core
    





      
    

  




      

    

  
      

  

    

      2 participants
    

    

        
          @edison1105 
        
          @dgrayvold 
    

  






    

    




    






  

          

        



    



  





    

  


  


          



    



  

    

    

    





    


    

    

  



0