Fix suggestions positioning using CompositedTransformFollower to properly position dropdown below TextField

This commit is contained in:
Leon Bösche
2026-01-24 05:06:30 +01:00
parent 65ad05ac76
commit deb8b50bb9

View File

@@ -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,