zefyr icon indicating copy to clipboard operation
zefyr copied to clipboard

The toolbar is obscured by the keyboard when in a child page

Open woodstream opened this issue 4 years ago • 16 comments

The toolbar is obscured by the keyboard when in a child page.

Steps to Reproduce

  1. Add the zefyr editor widget in one page;
  2. Use "Navigator.of(context).push" to jump to the page;
  3. The toolbar is obscured by the keyboard.

woodstream avatar Jun 03 '20 07:06 woodstream

Why did you close it ? I also have the same issue.

adeolaex avatar Jun 27 '20 22:06 adeolaex

@woodstream did you find a fix for this?

akshatjagga avatar Jul 16 '20 10:07 akshatjagga

@adeolaex did you find a fix for this?

akshatjagga avatar Jul 21 '20 07:07 akshatjagga

@akshatjagga Sadly no. I have long dropped the package :(

adeolaex avatar Jul 21 '20 07:07 adeolaex

Reopening this so that we don’t forget to investigate.

pulyaevskiy avatar Jul 21 '20 14:07 pulyaevskiy

@pulyaevskiy , really glad to see you active :-)

GyuriMajercsik avatar Jul 21 '20 14:07 GyuriMajercsik

@pulyaevskiy thanks for taking a look at this!

akshatjagga avatar Jul 21 '20 18:07 akshatjagga

Well,I closed it because this way work well for me.

Put the zefyr editor widget in Scaffold, and must set resizeToAvoidBottomPadding to true:

Scaffold(
        resizeToAvoidBottomPadding: true,

woodstream avatar Jul 24 '20 08:07 woodstream

I think the problem might be caused due to the nesting of scaffolds.

akshatjagga avatar Jul 24 '20 10:07 akshatjagga

@akshatjagga Do you have a try?When I met this problem, I tried many methods to solve it。It worked well until I updated a version of Flutter SDK, so I suspected it was resulting from SDK at last。I updated the latest version of Flutter SDK and it still not work,until I set ”resizeToAvoidBottomPadding“ to true(Maybe my other operation solved the problem ). Update the Flutter SDK and set ”resizeToAvoidBottomPadding“ to true,maybe not work for you,but for others。

woodstream avatar Jul 26 '20 11:07 woodstream

@woodstream resizeToAvoidBottomPadding doesn’t fix it for me. My ZefyrScaffold is inside a column if that’s relevant.

akshatjagga avatar Jul 26 '20 12:07 akshatjagga

The solution I arrived at was to use Container box constraints and move the ZefyrScaffold up the tree:

Scaffold(
      body: Container(
        constraints: BoxConstraints.expand(),
        child: ZefyrScaffold(
          child: SingleChildScrollView(
          	/*  my editor is second child of column in scrollview  */

jclink avatar Apr 21 '21 12:04 jclink

We already solved this problem at https://github.com/singerdmx/flutter-quill

singerdmx avatar Apr 22 '21 07:04 singerdmx

We already solved this problem at https://github.com/singerdmx/flutter-quill

I had used Flutter-Quill instead of Zefyr long before, haha。Maybe at the v0.2.0 of Flutter-Quill.

woodstream avatar Apr 22 '21 08:04 woodstream

@woodstream you probably should upgrade to 1.2.1. Your version is too old

singerdmx avatar Apr 24 '21 07:04 singerdmx

@singerdmx It was updated to v3.0 two month ago, I can't upgrade to v1.2.1 because Flutter 2.0 not work well for me.

woodstream avatar Apr 25 '21 05:04 woodstream