I have a straightforward List embedded in a NavigationStack like this:

   NavigationStack{
     List{
       Section{
          ......
       }
     }
     .listStyle(.plain)
     .navigationBarTitleDisplayMode(.automatic)
     .navigationTitle("Title")
     .toolbar{
        ToolbarItem(placement:.topBarTrailing){
            Button("Done"){
               ....
            }
        }
      }
   }

When I scroll the list, the “blur” effect only appears around the title and not the entire bar. The preview looks fine, but when I run the code on the simulator or device, the issue occurs.

I want the blur effect to be applied to all the areas highlighted in green. This is the first time I have encountered this issue, and I have always structured my NavigationStacks in this manner. What am I doing wrong? Could this be a bug?