title: SWIFTUI - Picker view touch/scroll-able area is still out of frame even after using clipped()
body: <p>SWIFTUI 
  I have a picker view(wheel type) and I clipped() its frame to half width of the screen, and from the UI you can see its half but the scrollable area is still actionable outside that frame.
  How can I remove that outer area to not be scrollable?</p>
  
  <pre><code>HStack(spacing: 0) {
      Picker(selection: self.$viewModel.selectedFrameworkIndex, label: Text("")) {
      ForEach(0 ..&lt; viewModel.Categories.count) {
          Text(self.viewModel.Categories[$0])
              .foregroundColor((self.colorScheme == .dark) ? Color.white : Color.black)
           }
      }
      .frame(width: width / 2) // width is width of my screen
      .clipped() 
  }
  </code></pre>