This is how the code is currently:

return FutureBuilder(
  future: controller.currentUrl(),
  builder: (context, snapshot) {
    var title = snapshot.hasData
        ? snapshot.data!.replaceFirst(urlPrefix, '')
        : context.localized.store;
    return MyScaffold(
      title: title,
      body: NestedScrollView(
        headerSliverBuilder: (BuildContext context, _) {
          return [
            SliverOverlapAbsorber(
                handle: NestedScrollView.sliverOverlapAbsorberHandleFor(
                    context),
                sliver: SliverToBoxAdapter(
                  child: _storeNavigationButtons(controller, context),
                ))
          ];
        },
        body: WebView(controller: controller),
      ),
    );
  },
);

}

If this WebView is replaced by a SliverListView() – this works absolutely fine. However, with a WebView, the scrolling for WebView works independently from that of the ScrollView. Any solutions to this?

The WebView has:

          gestureRecognizers: {}
        ..add(Factory(() => VerticalDragGestureRecognizer())),