Scroll conflict when there is ScrollView inside a ScrollView in SwiftUI

Question

Created Nov ’22

Replies 2

Boosts 0

Participants 2

I'm trying to reproduce in a way the finder column view, but I'm facing an issue. A scroll conflict occurs when I put a ScrollView or a List inside another ScrollView. The horizontal scroll is lagging when the cursor is over the nested ScrollView. Here is my simplified code:

struct SplitView: View { var body: some View {
    ScrollView(.horizontal, showsIndicators: false){

        HSplitView{

            ScrollView(showsIndicators: false) {
                VStack(alignment: .leading) {
                        ForEach(0..<100) {
                            Text("Row \($0)")
                        }
                }.frame(minWidth: 200, alignment: .leading)
            }
            ScrollView {
                VStack(alignment: .leading) {
                        ForEach(0..<100) {
                            Text("Row \($0)")
                        }
                }.frame(minWidth: 200, alignment: .leading)
            }
            ScrollView {
                VStack(alignment: .leading) {
                        ForEach(0..<100) {
                            Text("Row \($0)")
                        }
                }.frame(minWidth: 200, alignment: .leading)
            }

            
        }
    }

        
}
}

I have the same issue with nested List. Do you have any idea how I can prevent that? Or any workaround?

Boost

Answer 1

Claude31 OP

Nov ’22

I tested without problem (you should have said it is a Mac app). Could you explain more precisely what the problem is ?

Test done on MacOS 12.6 - Xcode 14.1.

0

Answer 2

Moosigno OP

Nov ’22

Yes sorry, I'm using MacOS 13.0.1 - Xcode 14.1

I'm basically trying to mimic the finder column view. So, to have multiple Lists that are horizontally aligned. If there is too many List for the window size, then I can scroll horizontally.

When I use VStack instead of List/ScrollView, it works perfectly. When I use List/ScrollView, if the cursor is over the nested List/ScrollView, the horizontal scroll lags. But if the cursor is next to the nested List/ScrollView, the horizontal scroll works fine.

Here is a video that shows the issue. https://www.youtube.com/watch?v=_UdlNZQH6Pg

0