FormBuilderTextField location of error message

[ialameh]

The location of the error message is coming above the textfield, is there a way to make it below the text field? is it to do with my code?

Container(
                                height: 42,
                                margin: EdgeInsets.only(top: 5),
                                decoration: BoxDecoration(
                                  color: AppColors.primaryElement,
                                  border: Border.fromBorderSide(
                                      Borders.primaryBorder),
                                  borderRadius: Radii.k4pxRadius,
                                ),
                                child: FormBuilderTextField(
                                  attribute: 'email',
                                  decoration: InputDecoration(
                                    errorStyle: TextStyle(
                                      height: 0,
                                    ),
                                    hintText: "youremail@yourdomain.com",
                                    errorText: 'invalid email',
                                    border: InputBorder.none,
                                  ),
                                  validators: [
                                    FormBuilderValidators.email(),
                                    FormBuilderValidators.required()
                                  ],
                                  style: TextStyle(
                                    color: AppColors.secondaryText,
                                    fontFamily: "Nunito Sans",
                                    fontWeight: FontWeight.w400,
                                    fontSize: 15,
                                  ),
                                  maxLines: 1,
                                  autocorrect: false,
                                ),
                              ),

[awhitford]

Maybe this is a problem that should be removed:

     errorStyle: TextStyle(
                                      height: 0,
                                    ),

[ialameh]

I solved it by moving the borders inside the field itself, and removed the height from the container

Container(
                          margin: EdgeInsets.only(top: 5),
                          child: FormBuilderTextField(
                            attribute: 'password',
                            decoration: InputDecoration(
                              hintText: "••••••••••",
                              isDense: true,
                              border: OutlineInputBorder(
                                borderRadius: Radii.k4pxRadius,
                                borderSide: new BorderSide(
                                  color: AppColors.primaryElement,
                                ),
                              ),
                              suffixIcon: IconButton(
                                icon: Icon(Icons.visibility),
                                onPressed: () =>
                                    onVisibilityPressed(context, user),
                              ),
                            ),
                            obscureText: user.isPasswordHidden,
                            validators: [FormBuilderValidators.required()],
                            style: TextStyle(
                              color: AppColors.secondaryText,
                              fontFamily: "Nunito Sans",
                              fontWeight: FontWeight.w400,
                              fontSize: 15,
                            ),
                            maxLines: 1,
                            autocorrect: false,
                          ),
                        ),

[awhitford]

Fantastic! So I am closing this issue. Thank you for the feedback.