Flutter Web: Prev/Next/Done button from the keyboard appears under the custom prev/next/done button from this package

[nerakatiryrref]

Hi,

I tried on flutter web on ios browser (chrome or safari), the prev/next/done button from the keyboard appears under the prev/next/done button from flutter_keyboard_actions.

[diegoveloper]

@nerakatiryrref can you add more information? screenshots would help.

[nerakatiryrref]

Hi,attached the screenshot.

[nerakatiryrref]

I am running the example app using chrome / safari browser in iOS. Android browser works as expected (only one toolbar from keyboard action package)

[diegoveloper]

hmmm those actions are part of the keyboard I think, so is out of the control of keyboard_actions, maybe you have some options in your device keyboard settings.

[nerakatiryrref]

Hi,

Thanks for your reply. This issue not only appears in my device, but in several iOS device. The keyboard setting is default. No special / custom setting. You may have to check it by your self using iOS simulator.

[diegoveloper]

are you using the google keyboard? https://apps.apple.com/pe/app/gboard-the-google-keyboard/id1091700242?l=en

[Justus-M]

https://apps.apple.com/pe/app/gboard-the-google-keyboard/id1091700242?l=en

This issue happens with the default web keyboard on iOS.

Have you tried it out?

I don't have the google keyboard but I have the same issue

[Justus-M]

*Fertig means done in german

[diegoveloper]

Which iOS version are you using?

[Justus-M]

Which iOS version are you using?

You are in the app.

This issue we are reporting is in the browser/Web

[diegoveloper]

ah sorry, do you need keyboard actions in browser? maybe you can check https://api.flutter.dev/flutter/foundation/kIsWeb-constant.html and avoid keyboard actions when the release is for web.

[Justus-M]

@diegoveloper Thanks for trying to help. Unfortunately the keyboard actions (in the bar above the keyboard) can't be turned off with textfield/textformfield in flutter web.

[Justus-M]

I think this can't be changed
flutter/flutter#92024 (comment)

[diegoveloper]

 KeyboardActions(
    enabled: !kisWeb,

(https://github.com/diegoveloper/flutter_keyboard_actions/blob/master/lib/keyboard_actions.dart#L65)

[Justus-M]

Ah sorry I thought you meant disable the default bar, not the custom KeyboardActions.

OP wanted to use custom keyboard actions instead of the default, so did I, so this is not a solution.

I think this cannot be achieved as explained in the comment I linked in my previous comment