The keyboard comes in front of the flutter HTML editor -FLUTTER

Question

My problem is that the Keyboard comes in front of the HTML text editor widget when the keyboard opens. I make the whole page scrollable when the keyboard opens. it works on normal text fields, text area widgets but not works on flutter Html editor. Can anyone suggest a solution for this?

This is the screenshot of the issue.

 return Container(
  margin: EdgeInsets.only(
    top: 14,
  ),
  child: Column(
    crossAxisAlignment: CrossAxisAlignment.start,
    mainAxisAlignment: MainAxisAlignment.start,
    children: <Widget>[
      Container(
        margin: EdgeInsets.only(
            left: SizeConfig.safeBlockVertical * 1.5, top: 14),
        child: Text(
          "Enter Message",
          style: TextStyle(
              fontSize: 14,
              fontFamily: 'UbuntuRegular',
              color: MyColor.textColor),
        ),
      ),
      Container(
        margin: EdgeInsets.only(
            top: SizeConfig.safeBlockVertical * 3,
            right: SizeConfig.safeBlockVertical * 1),
        padding: EdgeInsets.only(
          left: SizeConfig.safeBlockHorizontal * 3,
          right: SizeConfig.safeBlockHorizontal * 3,
          bottom: SizeConfig.safeBlockHorizontal * 3,
        ),
        child: HtmlEditor(
          hint: "Your text here...",
          key: keyEditor,
          height: 400,
          useBottomSheet: false,
          showBottomToolbar: false,
        )
      ),
    ],
  ),
);

This is my code

Answer 1

Try wrapping the html editor inside a Container and setting the margin to MediaQuery.of(context).viewInsets. Like this:

Container(child: YourHtmlEditor(),
margin: MediaQuery.of(context).viewInsets,)