Repository navigation
☂️ Scrollbar Fixes & Updates #70866
Description
This is an umbrella issue that covers several related issues for work being done on scrollbars.
- Refactor Scrollbar and CupertinoScrollbar to share common methods
- A couple of different RawScrollbar options have been discussed ([WIP] [Discuss-Only] RawScrollbar (builder version) #70850, [WIP][Discuss-Only] RawScrollbar (painter version) #70798), the later being the current agreed upon direction.
- We should also fix this while we're at it: "activity?.isScrolling is not true" exception with CupertinoScrollbar #70105
- This is caused by explicitly creating a drag gesture in CupertinoScrollbar when dragging on the thumb. Instead, we should just update the position. Fix already produced in [WIP][Discuss-Only] RawScrollbar (painter version) #70798
- Support interactive scrollbars #31753: Scrollbars should be fully interactive
- This includes dragging the thumb, tapping the track
- CupertinoScrollbar already supports thumb dragging
- Scrollbars should be always visible and instantiated by default on web and desktop #40107: Scrollbars should be created by default for scrollables on Web and Desktop
- will need to find a way to identify and exclude some cases, like TextFields and PageViews
- Flutter should have a ScrollbarTheme #61362: Scrollbars should have a theme
- Allows for customization across the app
Initial design doc:
flutter.dev/go/update-scrollbars
Metadata
Metadata
Assignees
Labels
High-priority issues at the top of the work listRunning on desktopNothing broken; request for a new capabilityAffects or could affect many people, though not necessarily a specific customer.Viewports, list views, slivers, etc.flutter/packages/flutter repository. See also f: labels.cupertino_ui package in flutter/packagesmaterial_ui package in flutter/packagesWeb applications specifically
Activity
xster commentedon Nov 24, 2020
If you're looking into reworking the scrollbar, it might be interesting to look at #13253 and avoid overlapping other slivers.
Bwolfs2 commentedon Dec 2, 2020
Will be able to add the gestureDetecture, Drag or Scroll when clicked on the ScrollBar?
Piinks commentedon Dec 2, 2020
Yes
15 remaining items
franarolas commentedon Feb 8, 2021
@Piinks #75643
Macacoazul01 commentedon Feb 11, 2021
After this feature is released will be any short code sample showing how to use the new scroll on flutter web/desktop vs mobile?
Sun3 commentedon Feb 15, 2021
I am also looking for any insight on the Flutter Web scrollbars since I have a production app that relies on this feature.
Thank you.
aliyazdi75 commentedon Mar 8, 2021
#77609
creativecreatorormaybenot commentedon Apr 3, 2021
@Piinks I am wondering (as I have not actively followed this): should we remove all manual scrollbars on web now? :)
Macacoazul01 commentedon Apr 3, 2021
@Piinks will the team release any document/post/sample teaching us how to use this new implemented scrollbar?
Piinks commentedon Apr 5, 2021
Hey @creativecreatorormaybenot! Only on desktop, since that is the platform we are applying them automatically now. Although, I did make some changes before then that makes it easier to change this to apply scrollbars on all platforms or no platforms... see #76739 for those changes. :)
Hi @Macacoazul01 there is already some samples in the api docs on the master channel, like here: https://master-api.flutter.dev/flutter/material/Scrollbar-class.html
But there are also more PRs out to add to more, like here: #78284
Sun3 commentedon Apr 6, 2021
@Piinks Will the web platform receive the same automatic scrollbars apply as the desktop platform? I am hoping yes :)
Thank you.
Piinks commentedon Apr 6, 2021
If the browser is running on a desktop platform, yes. Otherwise you can create your own
ScrollBehaviorand overridebuildScrollbarto change this setting to however you would like. :)Sun3 commentedon Apr 6, 2021
Ok, if I understand correctly, for the web platform we should keep adding our own Scrollbar().
GreenLim commentedon Apr 6, 2021
notice SingleChildScrollView is always show a scrollbar while scrolling on desktop now, but how to invisible it ? I can not find a property related to hide the scrollbar.
hillelcoren commentedon Apr 6, 2021
Here's a widget we use which shows/hides the scroll bar on hover
https://github.com/invoiceninja/flutter-client/blob/master/lib/ui/app/app_scrollbar.dart
github-actions commentedon Aug 3, 2021
This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of
flutter doctor -vand a minimal reproduction of the issue.