HTML Editor not disposing the dialog

[iamkunalpitale]

How do i click the dialog button (HTML editor not disposing in the background)

[tneotia]

Since you are using Flutter Web, you need to use the pointer_interceptor package. Wrap your AlertDialog with PointerInterceptor and then you can click on the yes / no buttons.

Just FYI, any widget that is interactable and will display on top of the editor, you need to wrap with this PointerInterceptor.

[boganiLuca]

Hello, is this issue still resolvable by wrapping the interactable widgets inside a PointerInterceptor? I thought I solved this issue as suggested like 2 months ago, but then I had to drop the project for a while, and now that I resumed working on it, I can't seem to make it work. As suggested here and on the pointer_interceptor page, I both wrapped my Drawer and an AlertDialog (which are the only widgets that would appear above the HTML editor), but both of them won't receive inputs

EDIT: I opened a new issue here

[tneotia]

Hello, is this issue still resolvable by wrapping the interactable widgets inside a PointerInterceptor? I thought I solved this issue as suggested like 2 months ago, but then I had to drop the project for a while, and now that I resumed working on it, I can't seem to make it work. As suggested here and on the pointer_interceptor page, I both wrapped my Drawer and an AlertDialog (which are the only widgets that would appear above the HTML editor), but both of them won't receive inputs

As far as I know it should be working by wrapping the widget, so you may be correct that it is a Flutter bug.

[iamkunalpitale]

Yes, it has been solved with PointerInterceptor

[alexandersidum]

In my case when clicking insert link on toolbar it shows dialog on top of the html editor, how do i wrap this default dialog from the package, cant seem to find way to customize it.

[alexandersidum]

In my case when clicking insert link on toolbar it shows dialog on top of the html editor, how do i wrap this default dialog from the package, cant seem to find way to customize it.

Nevermind , i found it on #69
But putting pointer interceptor solution doesnt seems to work, since i still cant click the field on insert link dialog and whenever i type something it typed on html editor field instead.

Edit :
Seems to be related to this issue

[rutaba1]

Happening for me as well. I have a customised dialog for adding the link but I can't seem to access the Url text field here

Here's the code for the custom dialog:

Future<bool> linkDialog() async {
    final text = TextEditingController();
    final url = TextEditingController();
    final textFocus = FocusNode();
    final urlFocus = FocusNode();
    final formKey = GlobalKey<FormState>();
    await showDialog(
        context: context,
        builder: (BuildContext context) {
          return PointerInterceptor(
            child: AlertDialog(
              title: Text('Insert Link'),
              scrollable: true,
              content: Form(
                key: formKey,
                child: Column(
                  mainAxisSize: MainAxisSize.min,
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Text('Text to display',
                        style: TextStyle(fontWeight: FontWeight.bold)),
                    SizedBox(height: 10),
                    TextField(
                      controller: text,
                      focusNode: textFocus,
                      textInputAction: TextInputAction.next,
                      decoration: InputDecoration(
                        border: OutlineInputBorder(),
                        hintText: 'Text',
                      ),
                      onSubmitted: (_) {
                        urlFocus.requestFocus();
                      },
                    ),
                    SizedBox(height: 20),
                    Text('URL', style: TextStyle(fontWeight: FontWeight.bold)),
                    SizedBox(height: 10),
                    TextFormField(
                      controller: url,
                      focusNode: urlFocus,
                      textInputAction: TextInputAction.done,
                      decoration: InputDecoration(
                        border: OutlineInputBorder(),
                        hintText: 'URL',
                      ),
                      validator: (String value) {
                        if (value == null || value.isEmpty) {
                          return 'Please enter a URL!';
                        }
                        return null;
                      },
                    ),
                  ],
                ),
              ),
              actions: [
                TextButton(
                  onPressed: () {
                    setState(() {
                      showNotesUI = true;
                    });
                    Navigator.of(context).pop();
                  },
                  child: Text('Cancel'),
                ),
                TextButton(
                  onPressed: () async {
                    if (formKey.currentState.validate()) {
                      controller.insertLink(
                        text.text.isEmpty ? url.text : text.text,
                        url.text,
                        true,
                      );
                      setState(() {
                        showNotesUI = true;
                      });
                      Navigator.of(context).pop();
                    }
                  },
                  child: Text('OK'),
                )
              ],
            ),
          );
        });
    return false;
  }

[tneotia]

Hi @rutaba1 , this seems to be an issue in Flutter. What Flutter version are you using?

[FlyBoyA]

Is the dialog box issue resolved ?