How to get the padding to change on the FAB when docked on bottom app bar?

Question

The problem is that when the FAB is docked onto the BottomAppBar, and then the keyboard is called, the FAB padding resize doesn't correctly align above the keyboard for the user to press.

Here is what is actually occurring...

A quick example of the scaffold that reproduces the error;

Scaffold(
  appBar: AppBar(),
  bottomNavigationBar: BottomAppBar(
    shape: CircularNotchedRectangle(),
    child: Row(
      children: <Widget>[
        IconButton(
          icon: Icon(
            Icons.lightbulb_outline,
            color: Colors.deepPurple,
          ),
          onPressed: () {},
        ),
      ],
    ),
  ),
  body: Center(
    child: TextField(),
  ),
  floatingActionButton: FloatingActionButton(
    onPressed: () {},
  ),
  floatingActionButtonLocation: FloatingActionButtonLocation.endDocked,
);