🐛 Header not scrolling with SignIn page on Web

tapizquent commented 11 months ago

Is there an existing issue for this?

[X] I have searched the existing issues and found no duplicates.

What plugin is this bug for?

Firebase UI Auth

What platform(s) does this bug affect?

Web

List of dependencies used.

flutter pub deps -s list

``` Dart SDK 3.2.0 Flutter SDK 3.16.0 taas_ui 1.0.0+1 dependencies: - auto_size_text 3.0.0 - flutter any - bloc 8.1.2 - meta ^1.3.0 - firebase_auth 4.14.0 - firebase_auth_platform_interface ^7.0.4 - firebase_auth_web ^5.8.7 - firebase_core ^2.22.0 - firebase_core_platform_interface ^5.0.0 - flutter any - meta ^1.8.0 - firebase_core 2.22.0 - firebase_core_platform_interface ^5.0.0 - firebase_core_web ^2.8.1 - flutter any - meta ^1.8.0 - firebase_dynamic_links 5.4.4 - firebase_core ^2.22.0 - firebase_core_platform_interface ^5.0.0 - firebase_dynamic_links_platform_interface ^0.2.6+12 - flutter any - meta ^1.8.0 - plugin_platform_interface ^2.1.3 - firebase_ui_auth 1.10.0 - email_validator ^2.1.17 - firebase_auth ^4.11.1 - firebase_core ^2.19.0 - firebase_dynamic_links ^5.4.1 - firebase_ui_localizations ^1.8.0 - firebase_ui_oauth ^1.4.14 - firebase_ui_shared ^1.4.1 - flutter any - flutter_localizations any - firebase_ui_oauth_apple 1.2.14 - firebase_auth ^4.11.1 - firebase_ui_oauth ^1.4.14 - flutter any - firebase_ui_oauth_google 1.2.14 - firebase_auth ^4.11.1 - firebase_ui_oauth ^1.4.14 - flutter any - google_sign_in ^6.1.0 - flex_color_scheme 7.3.1 - flex_seed_scheme ^1.4.0 - flutter any - meta ^1.8.0 - flutter 0.0.0 - characters 1.3.0 - collection 1.18.0 - material_color_utilities 0.5.0 - meta 1.10.0 - vector_math 2.1.4 - web 0.3.0 - sky_engine any - flutter_bloc 8.1.3 - bloc ^8.1.1 - flutter any - provider ^6.0.0 - flutter_localizations 0.0.0 - flutter any - intl 0.18.1 - characters 1.3.0 - clock 1.1.1 - collection 1.18.0 - material_color_utilities 0.5.0 - meta 1.10.0 - path 1.8.3 - vector_math 2.1.4 - web 0.3.0 - flutter_staggered_grid_view 0.7.0 - flutter any - flutter_svg 2.0.9 - flutter any - vector_graphics ^1.1.9+1 - vector_graphics_codec ^1.1.9+1 - vector_graphics_compiler ^1.1.9+1 - font_awesome_flutter 10.6.0 - flutter any - gap 3.0.1 - flutter any - go_router 12.1.1 - collection ^1.15.0 - flutter any - flutter_web_plugins any - logging ^1.0.0 - meta ^1.7.0 - google_fonts 6.1.0 - flutter any - http ^1.0.0 - path_provider ^2.0.0 - crypto ^3.0.0 - intl 0.18.1 - clock ^1.1.0 - meta ^1.0.2 - path ^1.8.0 - logging 1.2.0 - responsive_framework 1.1.1 - flutter any - collection ^1.15.0 dev dependencies: - bloc_test 9.1.5 - bloc ^8.1.1 - diff_match_patch ^0.4.1 - meta ^1.3.0 - mocktail >=0.2.0 <2.0.0 - test ^1.16.0 - flutter_test 0.0.0 - flutter any - test_api 0.6.1 - matcher 0.12.16 - path 1.8.3 - fake_async 1.3.1 - clock 1.1.1 - stack_trace 1.11.1 - vector_math 2.1.4 - async 2.11.0 - boolean_selector 2.1.1 - characters 1.3.0 - collection 1.18.0 - material_color_utilities 0.5.0 - meta 1.10.0 - source_span 1.10.0 - stream_channel 2.1.2 - string_scanner 1.2.0 - term_glyph 1.2.1 - web 0.3.0 - mocktail 1.0.1 - collection ^1.15.0 - matcher ^0.12.15 - test_api >=0.2.1 <0.7.0 - very_good_analysis 5.1.0 transitive dependencies: - _fe_analyzer_shared 64.0.0 - meta ^1.9.0 - _flutterfire_internals 1.3.12 - collection ^1.0.0 - firebase_core ^2.22.0 - firebase_core_platform_interface ^5.0.0 - flutter any - meta ^1.8.0 - analyzer 6.2.0 - _fe_analyzer_shared ^64.0.0 - collection ^1.17.0 - convert ^3.0.0 - crypto ^3.0.0 - glob ^2.0.0 - meta ^1.7.0 - package_config ^2.0.0 - path ^1.8.0 - pub_semver ^2.0.0 - source_span ^1.8.0 - watcher ^1.0.0 - yaml ^3.0.0 - args 2.4.2 - async 2.11.0 - collection ^1.15.0 - meta ^1.1.7 - boolean_selector 2.1.1 - source_span ^1.8.0 - string_scanner ^1.1.0 - characters 1.3.0 - clock 1.1.1 - collection 1.18.0 - convert 3.1.1 - typed_data ^1.3.0 - coverage 1.7.1 - args ^2.0.0 - logging ^1.0.0 - package_config ^2.0.0 - path ^1.8.0 - source_maps ^0.10.10 - stack_trace ^1.10.0 - vm_service >=12.0.0 <14.0.0 - crypto 3.0.3 - typed_data ^1.3.0 - desktop_webview_auth 0.0.14 - crypto ^3.0.3 - flutter any - http ^1.0.0 - flutter_web_plugins any - plugin_platform_interface ^2.1.4 - diff_match_patch 0.4.1 - email_validator 2.1.17 - fake_async 1.3.1 - clock ^1.1.0 - collection ^1.15.0 - ffi 2.1.0 - file 7.0.0 - meta ^1.9.1 - path ^1.8.3 - firebase_auth_platform_interface 7.0.4 - _flutterfire_internals ^1.3.12 - collection ^1.16.0 - firebase_core ^2.22.0 - flutter any - meta ^1.8.0 - plugin_platform_interface ^2.1.3 - firebase_auth_web 5.8.7 - firebase_auth_platform_interface ^7.0.4 - firebase_core ^2.22.0 - firebase_core_web ^2.8.1 - flutter any - flutter_web_plugins any - http_parser ^4.0.0 - js ^0.6.3 - meta ^1.8.0 - firebase_core_platform_interface 5.0.0 - collection ^1.0.0 - flutter any - flutter_test any - meta ^1.8.0 - plugin_platform_interface ^2.1.3 - firebase_core_web 2.8.1 - firebase_core_platform_interface ^5.0.0 - flutter any - flutter_web_plugins any - js ^0.6.3 - meta ^1.8.0 - firebase_dynamic_links_platform_interface 0.2.6+12 - _flutterfire_internals ^1.3.12 - firebase_core ^2.22.0 - flutter any - meta ^1.8.0 - plugin_platform_interface ^2.1.3 - firebase_ui_localizations 1.8.0 - flutter any - flutter_localizations any - path ^1.8.2 - firebase_ui_oauth 1.4.14 - desktop_webview_auth ^0.0.13 - firebase_auth ^4.11.1 - firebase_ui_auth ^1.10.0 - firebase_ui_shared ^1.4.1 - flutter_svg ^2.0.7 - flutter any - firebase_ui_shared 1.4.1 - flutter any - flex_seed_scheme 1.4.0 - collection ^1.15.0 - flutter any - meta ^1.8.0 - flutter_web_plugins 0.0.0 - flutter any - characters 1.3.0 - collection 1.18.0 - material_color_utilities 0.5.0 - meta 1.10.0 - vector_math 2.1.4 - web 0.3.0 - frontend_server_client 3.2.0 - async ^2.5.0 - path ^1.8.0 - glob 2.1.2 - async ^2.5.0 - collection ^1.15.0 - file >=6.1.3 <8.0.0 - path ^1.8.0 - string_scanner ^1.1.0 - google_identity_services_web 0.2.2 - js ^0.6.4 - meta ^1.3.0 - google_sign_in 6.1.6 - flutter any - google_sign_in_android ^6.1.0 - google_sign_in_ios ^5.5.0 - google_sign_in_platform_interface ^2.4.0 - google_sign_in_web ^0.12.0 - google_sign_in_android 6.1.20 - flutter any - google_sign_in_platform_interface ^2.2.0 - google_sign_in_ios 5.6.3 - flutter any - google_sign_in_platform_interface ^2.2.0 - google_sign_in_platform_interface 2.4.2 - flutter any - plugin_platform_interface ^2.1.0 - quiver ^3.0.0 - google_sign_in_web 0.12.1 - flutter any - flutter_web_plugins any - google_identity_services_web ^0.2.2 - google_sign_in_platform_interface ^2.4.0 - http >=0.13.0 <2.0.0 - js ^0.6.3 - http 1.1.0 - async ^2.5.0 - http_parser ^4.0.0 - meta ^1.3.0 - http_multi_server 3.2.1 - async ^2.5.0 - http_parser 4.0.2 - collection ^1.15.0 - source_span ^1.8.0 - string_scanner ^1.1.0 - typed_data ^1.3.0 - io 1.0.4 - meta ^1.3.0 - path ^1.8.0 - string_scanner ^1.1.0 - js 0.6.7 - meta ^1.7.0 - matcher 0.12.16 - async ^2.10.0 - meta ^1.8.0 - stack_trace ^1.10.0 - term_glyph ^1.2.0 - test_api >=0.5.0 <0.7.0 - material_color_utilities 0.5.0 - collection ^1.15.0 - meta 1.10.0 - mime 1.0.4 - nested 1.0.0 - flutter any - node_preamble 2.0.2 - package_config 2.1.0 - path ^1.8.0 - path 1.8.3 - path_parsing 1.0.1 - vector_math ^2.1.0 - meta ^1.3.0 - path_provider 2.1.1 - flutter any - path_provider_android ^2.1.0 - path_provider_foundation ^2.3.0 - path_provider_linux ^2.2.0 - path_provider_platform_interface ^2.1.0 - path_provider_windows ^2.2.0 - path_provider_android 2.2.1 - flutter any - path_provider_platform_interface ^2.1.0 - path_provider_foundation 2.3.1 - flutter any - path_provider_platform_interface ^2.1.0 - path_provider_linux 2.2.1 - ffi >=1.1.2 <3.0.0 - flutter any - path ^1.8.0 - path_provider_platform_interface ^2.1.0 - xdg_directories >=0.2.0 <2.0.0 - path_provider_platform_interface 2.1.1 - flutter any - platform ^3.0.0 - plugin_platform_interface ^2.1.0 - path_provider_windows 2.2.1 - ffi ^2.0.0 - flutter any - path ^1.8.0 - path_provider_platform_interface ^2.1.0 - win32 >=2.1.0 <6.0.0 - petitparser 6.0.1 - meta ^1.9.0 - platform 3.1.3 - plugin_platform_interface 2.1.7 - meta ^1.3.0 - pool 1.5.1 - async ^2.5.0 - stack_trace ^1.10.0 - provider 6.1.1 - collection ^1.15.0 - flutter any - nested ^1.0.0 - pub_semver 2.1.4 - collection ^1.15.0 - meta ^1.3.0 - quiver 3.2.1 - matcher ^0.12.10 - shelf 1.4.1 - async ^2.5.0 - collection ^1.15.0 - http_parser ^4.0.0 - path ^1.8.0 - stack_trace ^1.10.0 - stream_channel ^2.1.0 - shelf_packages_handler 3.0.2 - path ^1.8.0 - shelf ^1.0.0 - shelf_static ^1.0.0 - shelf_static 1.1.2 - convert ^3.0.0 - http_parser ^4.0.0 - mime ^1.0.0 - path ^1.8.0 - shelf ^1.1.2 - shelf_web_socket 1.0.4 - shelf ^1.1.0 - stream_channel ^2.1.0 - web_socket_channel ^2.0.0 - sky_engine 0.0.99 - source_map_stack_trace 2.1.1 - path ^1.8.0 - source_maps ^0.10.10 - stack_trace ^1.10.0 - source_maps 0.10.12 - source_span ^1.8.0 - source_span 1.10.0 - collection ^1.15.0 - path ^1.8.0 - term_glyph ^1.2.0 - stack_trace 1.11.1 - path ^1.8.0 - stream_channel 2.1.2 - async ^2.5.0 - string_scanner 1.2.0 - source_span ^1.8.0 - term_glyph 1.2.1 - test 1.24.9 - analyzer >=5.12.0 <7.0.0 - async ^2.5.0 - boolean_selector ^2.1.0 - collection ^1.15.0 - coverage ^1.0.1 - http_multi_server ^3.0.0 - io ^1.0.0 - js ^0.6.4 - matcher >=0.12.16 <0.12.17 - node_preamble ^2.0.0 - package_config ^2.0.0 - path ^1.8.0 - pool ^1.5.0 - shelf ^1.0.0 - shelf_packages_handler ^3.0.0 - shelf_static ^1.0.0 - shelf_web_socket ^1.0.0 - source_span ^1.8.0 - stack_trace ^1.10.0 - stream_channel ^2.1.0 - test_api 0.6.1 - test_core 0.5.9 - typed_data ^1.3.0 - web_socket_channel ^2.0.0 - webkit_inspection_protocol ^1.0.0 - yaml ^3.0.0 - test_api 0.6.1 - async ^2.5.0 - boolean_selector ^2.1.0 - collection ^1.15.0 - meta ^1.3.0 - source_span ^1.8.0 - stack_trace ^1.10.0 - stream_channel ^2.1.0 - string_scanner ^1.1.0 - term_glyph ^1.2.0 - test_core 0.5.9 - analyzer >=3.3.0 <7.0.0 - args ^2.0.0 - async ^2.5.0 - boolean_selector ^2.1.0 - collection ^1.15.0 - coverage ^1.0.0 - frontend_server_client >=3.2.0 <4.0.0 - glob ^2.0.0 - io ^1.0.0 - meta ^1.3.0 - package_config ^2.0.0 - path ^1.8.0 - pool ^1.5.0 - source_map_stack_trace ^2.1.0 - source_maps ^0.10.10 - source_span ^1.8.0 - stack_trace ^1.10.0 - stream_channel ^2.1.0 - test_api 0.6.1 - vm_service >=6.0.0 <14.0.0 - yaml ^3.0.0 - typed_data 1.3.2 - collection ^1.15.0 - vector_graphics 1.1.9+1 - flutter any - vector_graphics_codec 1.1.9+1 - vector_graphics_codec 1.1.9+1 - vector_graphics_compiler 1.1.9+1 - args ^2.3.0 - meta ^1.7.0 - path_parsing ^1.0.1 - xml ^6.3.0 - vector_graphics_codec 1.1.9+1 - path ^1.8.0 - vector_math 2.1.4 - vm_service 13.0.0 - watcher 1.1.0 - async ^2.5.0 - path ^1.8.0 - web 0.3.0 - web_socket_channel 2.4.0 - async ^2.5.0 - crypto ^3.0.0 - stream_channel ^2.1.0 - webkit_inspection_protocol 1.2.1 - logging ^1.0.0 - win32 5.1.0 - ffi ^2.1.0 - xdg_directories 1.0.3 - meta ^1.3.0 - path ^1.8.0 - xml 6.4.2 - collection ^1.18.0 - meta ^1.9.0 - petitparser ^6.0.0 - yaml 3.1.2 - collection ^1.15.0 - source_span ^1.8.0 - string_scanner ^1.1.0 ```

Steps to reproduce

Create a SignInScreen with a headerBuilder and run it on the Web. Using Chrome.

The page scrolls but the header does not, and the content go behind it, giving render issues.

SignInScreen(
        headerMaxExtent: 350,
        headerBuilder: (context, constraints, _) {
          return Padding(
            padding: const EdgeInsets.all(16),
            child: Column(
              children: [
                _image(height: 200),
                const Gap(16),
                _title(context: context, fontSize: 32),
                const Gap(16),
                _subtitle(fontSize: 18),
              ],
            ),
          );
        },
        showPasswordVisibilityToggle: true,
        actions: [
          AuthStateChangeAction<SignedIn>(
            (context, state) {
              context.go('/');
            },
          ),
        ],
      ),
    );

Expected Behavior

The header should scroll with the page.

Actual Behavior

The page scroll but the header doesn't

Additional Information

No response

danagbemava-nc commented 11 months ago

Hi @tapizquent, please provide a complete minimal reproducible code sample in repo that we can clone so that we can investigate this.

Please also provide the output of flutter doctor -v.

Thank you

danagbemava-nc commented 11 months ago

Without additional information, we are unfortunately not sure how to resolve this issue. We are therefore reluctantly going to close this bug for now. Please don't hesitate to comment on the bug if you have any more information for us; we will reopen it right away!
Thanks for your contribution.

Could everyone who still has this problem please file a new issue with the exact description of what happens, logs, and the output of flutter doctor -v. All system setups can be slightly different, so it's always better to open new issues and reference related issues.

firebase / FirebaseUI-Flutter