Dialog is rendered above the Feedback UI

[quoc-huynh-cosee]

Version

2.6.0

Library

feedback

Flutter channel

stable

Flutter version

3.10.6

Platform

Android

Details

If I open the Feedback UI, then select the navigate button, and then opening a Dialog via a button, the Dialog is rendered above the Feedback UI, so that I can't interact with the Feedback UI anymore.

Steps to reproduce

• Open Feedback UI
• Select navigate
• Open a Dialog

Output of flutter doctor -v

No response

[ueman]

Where are you adding the better feedback widget? Can you share a snippet of that code?

[quoc-huynh-cosee]

I added the BetterFeedback Widget above the MaterialApp. Here is a small example:

import 'package:feedback/feedback.dart';
import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return BetterFeedback(
      child: MaterialApp(
        home: Builder(
          builder: (context) => Scaffold(
            appBar: AppBar(),
            body: Center(
              child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  TextButton(
                    onPressed: () => BetterFeedback.of(context)
                        .show((feedback) => print(feedback)),
                    child: Text('FEEDBACK'),
                  ),
                  TextButton(
                    onPressed: () => showDialog(
                      context: context,
                      builder: (context) => AlertDialog(
                        title: Text('My Dialog'),
                        actions: [
                          TextButton(
                            onPressed: () => Navigator.pop(context),
                            child: Text('OK'),
                          ),
                        ],
                      ),
                    ),
                    child: Text('DIALOG'),
                  ),
                ],
              ),
            ),
          ),
        ),
      ),
    );
  }
}

[quoc-huynh-cosee]

This is how it would look

[ueman]

You have to move the BetterFeedback widget above the MaterialApp:

import 'package:feedback/feedback.dart';
import 'package:flutter/material.dart';

void main() {
  runApp(
    BetterFeedback(
      child: const MyApp(),
    ),
  );
}

Edit: Wait, you're doing that. Hm, I'll have to look further into it

[Bungeefan]

Hi, did you try using showDialog(useRootNavigator: false, ...)?

[quoc-huynh-cosee]

@Bungeefan Nice, this is working. @ueman maybe we should add this to the README?

[ueman]

Feel free to create a PR and add it to the readme :)

[quoc-huynh-cosee]

@ueman Can you give me write permissions?

[ueman]

You don't need write permissions. You can fork the repo and then create a PR

[quoc-huynh-cosee]

@ueman Oh didn't know that. Thanks!