[Android|iOS] Soft keyboard pops up when resizing the image, blocking the UI of resize bars.

[SankethBK]

This issue exists even in example app provided by flutter_quill. So please don't close this issue unless you really have to

I am facing an issue related to soft keyboard, whenever i try to use the resize feature provided by default in flutter quill, soft keyboard pops up and blocks the UI of resizing bars. Is there any workaround for this.

The problem of soft keyboard popping up when trying to resize an image can also be seen in the video posted in this issue

If there is no workaround for this, there should have been an option to completely remove this feature. Just like we can customize the options for selecting images through link and gallery options by passing callback to mediaPickSettingSelector to QuillToolbar.basic

I'll try to describe the issue in images.

1. When clicked on image, this window appears which has a resize option.
   

2. It has two resizing bars for height and width

3. Soft keyboard started appearing as soon as i click on one of the resizing bars
   

I want to disable this feature completely, if it isn't possible to fix it. please post any workaround for it, thank you!

This is my code. But this issue seems to be present in the example app given flutter_quill repo also.

class NoteCreatePage extends StatefulWidget {
  static String get route => '/note-create';

  const NoteCreatePage({Key? key}) : super(key: key);

  @override
  State<NoteCreatePage> createState() => _NoteCreatePageState();
}

class _NoteCreatePageState extends State<NoteCreatePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      resizeToAvoidBottomInset: false,
      appBar: AppBar(
        title: Text("My Dairy"),
      ),
      body: Container(
        padding: EdgeInsets.only(
          top: 15.0,
          left: 10.0,
          right: 10.0,
          bottom: MediaQuery.of(context).viewInsets.bottom
        ),
        child: SingleChildScrollView(
          child: Column(
            children: [
              NoteTitleInputField(), 
              RichTextEditor2(key: GlobalKey()),
            ],
          ),
        ),
      ),  
    );
  }
}
 

class RichTextEditor2 extends StatefulWidget {
  const RichTextEditor2({Key? key}) : super(key: key);

  @override
  State<RichTextEditor2> createState() => _RichTextEditor2State();
}

class _RichTextEditor2State extends State<RichTextEditor2> {
  late  QuillController _controller;

    @override
    void initState() {
      _controller = QuillController.basic();
      super.initState();
    }


  @override
  Widget build(BuildContext context) {

    return Column(
      children: [
        QuillToolbar.basic(
          controller: _controller,
        ),
        Container(
          child: QuillEditor.basic(
            controller: _controller,

            readOnly: false, // true for view only mode
          ),
        )
      ],
    );
  }
}

[putikorn]

I need workaround or bug fix too.

[singerdmx]

I am working on the fix. Please let me know if you have any info or suggestion.

[singerdmx]

@SankethBK I cannot repro this. I am using iOS simulator.

[SankethBK]

Please use android emulator or ios real device, as ios emulator doesn't forcefully pop soft keyboard even if textbox is focussed. It has to be manually opened by cmd + k

[singerdmx]

OK, I don't have those handy right now.
Could you try adding editor!.hideToolbar(); in here?

[singerdmx]

Oh, actually it is not the toolbar. Need to figure out what triggers keyboard open.

[singerdmx]

try this

[SankethBK]

Please share the branch with your changes, I'll test it in sometime

[singerdmx]

Fixed in 680a5db

[singerdmx]

Fixed in 680a5db

[Mrgeh]

I have the same problem, how should I solve it? Sorry, I didn't understand your chat history, please help！

[SankethBK]

@Mrgeh It was fixed in the latest release, which version are you using?