Skip to content

Floating SnackBar is beneath a modal bottom sheet #80934

@Albert221

Description

@Albert221

Problem

SnackBar with SnackBarBehavior.floating is displayed beneath a modal bottom sheet instead of on top of it.

Version

Flutter 2.0.5 • channel unknown • unknown source
Framework • revision adc687823a (6 days ago) • 2021-04-16 09:40:20 -0700
Engine • revision b09f014e96
Tools • Dart 2.12.3

Reproduction steps

Just paste it to DartPad:

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: Builder(
            builder: (context) => ElevatedButton(
              onPressed: () {
                showModalBottomSheet(
                  context: context,
                  builder: (_) => Container(
                    height: 200,
                    child: Center(
                      child: ElevatedButton(
                        onPressed: () {
                          ScaffoldMessenger.of(context).showSnackBar(SnackBar(
                            content: Text('Test'),
                            behavior: SnackBarBehavior.floating,
                          ));
                        },
                        child: Text('Show snackbar'),
                      ),
                    ),
                  ),
                );
              },
              child: Text('Open bottom sheet'),
            ),
          ),
        ),
      ),
    );
  }
}

Related to #63254.

Metadata

Metadata

Assignees

No one assigned

    Labels

    f: material designflutter/packages/flutter/material repository.found in release: 2.0Found to occur in 2.0found in release: 2.1Found to occur in 2.1found in release: 2.2Found to occur in 2.2frameworkflutter/packages/flutter repository. See also f: labels.has reproducible stepsThe issue has been confirmed reproducible and is ready to work onwaiting for customer responseThe Flutter team cannot make further progress on this issue until the original reporter responds

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions