title: Scroll View Text Issue - SwiftUI
body: <p>I have been trying to make a pop-up scroll view that displays texts from an array, but I keep getting this dashed image on the render. I don't get why It does that. although when I change ScrollView to List it works completely fine. it seems quite random?!</p>
  <pre><code>ScrollView {       
         ForEach(surahList, id: \.self) { surah in
             surahPickerCell(surah: surah)        
         }          
  }
  </code></pre>
  <p>it calls this functions</p>
  <pre><code>@ViewBuilder
  func surahPickerCell(surah: Name) -&gt; some View {
      
      HStack {
          
          VStack (alignment: .leading) {
                                              
              Text(surah.name)
                  .font(.system(size: 20, weight: .semibold))
              
              Text(surah.transliteration)
                  .font(.system(size: 16, weight: .regular))
                  .opacity(0.5)
          }
          
          Spacer()
          
          Text(&quot;--&quot;)
              .font(.system(size: 18, weight: .medium))
      }
      .padding(.horizontal)
      .padding(.vertical, 5)
  }
  </code></pre>
  <p>but the simulator displays this dashed out text</p>
  <p><a href="https://i.stack.imgur.com/T0goq.png" rel="nofollow noreferrer">simulator render img</a></p>