Fix suggestions positioning using CompositedTransformFollower to properly position dropdown below TextField
This commit is contained in:
@@ -38,6 +38,7 @@ class _OrganizationSettingsDialogState
|
||||
List<User> _userSuggestions = [];
|
||||
late final TextEditingController usernameController;
|
||||
final GlobalKey textFieldKey = GlobalKey();
|
||||
final LayerLink link = LayerLink();
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
@@ -509,7 +510,9 @@ class _OrganizationSettingsDialogState
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
TextField(
|
||||
CompositedTransformTarget(
|
||||
link: link,
|
||||
child: TextField(
|
||||
key: textFieldKey,
|
||||
controller: usernameController,
|
||||
cursorColor: AppTheme.accentColor,
|
||||
@@ -549,6 +552,7 @@ class _OrganizationSettingsDialogState
|
||||
}
|
||||
},
|
||||
),
|
||||
),
|
||||
DropdownButtonFormField<String>(
|
||||
initialValue: selectedRole,
|
||||
items: ['admin', 'member'].map((role) {
|
||||
@@ -645,11 +649,11 @@ class _OrganizationSettingsDialogState
|
||||
|
||||
if (_userSuggestions.isNotEmpty) {
|
||||
children.add(
|
||||
Positioned(
|
||||
top: 240,
|
||||
left: 0,
|
||||
right: 0,
|
||||
CompositedTransformFollower(
|
||||
link: link,
|
||||
offset: const Offset(0, 48),
|
||||
child: Container(
|
||||
width: 300,
|
||||
height: 100,
|
||||
decoration: BoxDecoration(
|
||||
color: AppTheme.primaryBackground,
|
||||
|
||||
Reference in New Issue
Block a user