Mirrored_Repos/AppFlowy
1
0
Fork 0
mirror of https://github.com/AppFlowy-IO/AppFlowy.git synced 2024-08-30 18:12:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1384 from Cyrine-benabid/fix-option_button_doesnt-close_popover

Browse Source 
Close popover on text field tap
This commit is contained in:
Nathan.fooo 2022-11-07 17:36:44 +08:00 committed by GitHub
commit 20f527f4eb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 42 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/app_flowy/lib/plugins/grid/presentation/widgets/common/text_field.dart
View File

@ -13,6 +13,7 @@ class InputTextField extends StatefulWidget {
final bool autoClearWhenDone;
final String text;
final int? maxLength;
final FocusNode? focusNode;
const InputTextField({
required this.text,
@ -21,6 +22,7 @@ class InputTextField extends StatefulWidget {
this.onChanged,
this.autoClearWhenDone = false,
this.maxLength,
this.focusNode,
Key? key,
}) : super(key: key);
@ -35,7 +37,7 @@ class _InputTextFieldState extends State<InputTextField> {
@override
void initState() {
_focusNode = FocusNode();
_focusNode = widget.focusNode ?? FocusNode();
_controller = TextEditingController(text: widget.text);
SchedulerBinding.instance.addPostFrameCallback((Duration _) {
_focusNode.requestFocus();
@ -81,7 +83,10 @@ class _InputTextFieldState extends State<InputTextField> {
@override
void dispose() {
_focusNode.removeListener(notifyDidEndEditing);
// only dispose the focusNode if it was created in this widget's initState
if (widget.focusNode == null) {
_focusNode.dispose();
}
super.dispose();
}

40
frontend/app_flowy/lib/plugins/grid/presentation/widgets/header/type_option/select_option.dart
View File

@ -45,9 +45,11 @@ class SelectOptionTypeOptionWidget extends StatelessWidget {
const TypeOptionSeparator(),
const OptionTitle(),
if (state.isEditingOption)
const Padding(
padding: EdgeInsets.only(bottom: 10),
child: _CreateOptionTextField(),
Padding(
padding: const EdgeInsets.only(bottom: 10),
child: _CreateOptionTextField(
popoverMutex: popoverMutex,
),
),
if (state.options.isEmpty && !state.isEditingOption)
const _AddOptionButton(),
@ -251,8 +253,35 @@ class _AddOptionButton extends StatelessWidget {
}
}
class _CreateOptionTextField extends StatelessWidget {
const _CreateOptionTextField({Key? key}) : super(key: key);
class _CreateOptionTextField extends StatefulWidget {
final PopoverMutex? popoverMutex;
const _CreateOptionTextField({
Key? key,
this.popoverMutex,
}) : super(key: key);
@override
State<_CreateOptionTextField> createState() => _CreateOptionTextFieldState();
}
class _CreateOptionTextFieldState extends State<_CreateOptionTextField> {
late final FocusNode _focusNode;
@override
void initState() {
_focusNode = FocusNode();
_focusNode.addListener(() {
if (_focusNode.hasFocus) {
widget.popoverMutex?.close();
}
});
widget.popoverMutex?.listenOnPopoverChanged(() {
if (_focusNode.hasFocus) {
_focusNode.unfocus();
}
});
super.initState();
}
@override
Widget build(BuildContext context) {
@ -263,6 +292,7 @@ class _CreateOptionTextField extends StatelessWidget {
autoClearWhenDone: true,
maxLength: 30,
text: text,
focusNode: _focusNode,
onCanceled: () {
context
.read<SelectOptionTypeOptionBloc>()