ScrollView Padding

[Ansraer]

ScrollView currently uses the following internally:

    flickable := Flickable {
        x: 0;
        y: 0;
        viewport_y <=> vertical_bar.value;
        viewport_x <=> horizontal_bar.value;
        width: root.width - root.scroll_bar_size - 2 * root.scroll_bar_padding;
        height: root.height - root.scroll_bar_size;

        @children
    }

The problem with this code is that it always adds some padding for the scroll bars, even when they are disabled. I fixed this issue with the following:

    flickable := Flickable {
        x: 0;
        y: 0;
        viewport_y <=> vertical_bar.value;
        viewport_x <=> horizontal_bar.value;
        width: root.vertical_scrollbar_policy == ScrollBarPolicy.always-off ? root.width : root.width - root.scroll_bar_size - 2 * root.scroll_bar_padding;
        height: root.horizontal_scrollbar_policy == ScrollBarPolicy.always-off ? root.height : root.height - root.scroll_bar_size;

        @children
    }

Also, is there a reason why only one scrollbar uses padding?

[FloVanGH]

Hi,
thank you for your feedback. The padding is on purpose. The problem is there is not really good documentation of the ScrollView for material on the official guidelines. So my idea and goal was to mimic the ScrollView from the flutter material 3 showcase. Before the final release we will do also an overall design review and I will use the opportunity to discuss this topic with our designers.

[Ansraer]

Sure. Just to help to better get my point across, here is a screenshot of the unmodified ScrollView:

As you can see, there is this horrible gap between the bottom nav and my actual content. And when you start scrolling down the content appears out of nowhere noticeably above the lower edge. Its very distracting imo.

[FloVanGH]

Sure. Just to help to better get my point across, here is a screenshot of the unmodified ScrollView:

As you can see, there is this horrible gap between the bottom nav and my actual content. And when you start scrolling down the content appears out of nowhere noticeably above the lower edge. Its very distracting imo.

Thank you for your explanation. Your issue comes from that the horizontal scrollbar also takes place if it is not visible and needed. That should be easy to fix. I will let you know as soon as I have a PR ready.

[FloVanGH]

PR is created. @Ansraer as soon as the PR is merge to master you should be able to solve your issue by setting horizontal_scrollbar_policy: ScrollBarPolicy.always_off on your ScrollView.