appflowy-editor icon indicating copy to clipboard operation
appflowy-editor copied to clipboard

[Bug] White background behind keyboard and toolbar

Open armandsLa opened this issue 1 year ago • 3 comments

Bug Description

There is a white background behind the keyboard and toolbar. When the menu is open, and the keyboard is dismissed, it is possible to see it for a brief moment when closing the menu, and the keyboard is reappearing. It doesn't look good, especially when using an app that has a dark mode.

This issue is caused because the toolbar is wrapped in a Material widget that doesn't respect the app or editor theme. It will always have a white background color.

How to Reproduce

  1. Open editor and start typing
  2. Select a toolbar item so the menu gets opened and keyboard dismissed
  3. Close the menu by selecting the "x" button

Expected Behavior

Toolbar to always have the backgroundColor specified in theme.

Operating System

Flutter/iOS

AppFlowy Editor Version(s)

2.2.0

Screenshots

No response

Additional Context

No response

armandsLa avatar Jan 10 '24 14:01 armandsLa

Hi, @armandsLa. Which toolbar version did you use? MobileToolbarV2?

LucasXu0 avatar Jan 11 '24 05:01 LucasXu0

Yes, the MobileToolbarV2

armandsLa avatar Jan 11 '24 09:01 armandsLa

The MobileToolbarV2 has a backgroundColor property. Have you tried setting it according to the theme?

LucasXu0 avatar Jan 11 '24 14:01 LucasXu0