Fluent Forms Multi-Select Autofill Issue - unitKind Field
Hello,
I'm working on a custom integration to autofill a Fluent Form on a WordPress site with data from our Twenty CRM instance. The script successfully fetches data from the database and populates all standard input fields (like text, email, etc.) perfectly.
However, I'm encountering a specific issue with a multi-selection field. This field is a Fluent Forms widget that uses the Choices.js library for its interactive design. The data for this field (unitKind) is correctly fetched from the database as a comma-separated string (e.g., "OWNED,LEASING"), but the field does not get populated.
I have already debugged the issue extensively. The console logs confirm that our script correctly fetches the data and tries to populate the field, but it fails. This appears to be a JavaScript timing conflict between the Fluent Forms plugin and our custom integration with the Twenty CRM platform.
Console Log:
inkt Autofill Script (Company): Initializing. Found project_id: D54d12, company_id: 1f70...
inkt Autofill Script (Company): Fetch successful and form population complete.
// Despite the success message, the multi-select field remains empty.
Is there an official or recommended way to programmatically set the value of a multi-select field after the form has loaded? For example, is there a specific JavaScript event we should be listening for after the form components are fully initialized?
Regards
Sumaiya
Developer, inKontaktBringer
I'm working on a custom integration to autofill a Fluent Form on a WordPress site with data from our Twenty CRM instance. The script successfully fetches data from the database and populates all standard input fields (like text, email, etc.) perfectly.
However, I'm encountering a specific issue with a multi-selection field. This field is a Fluent Forms widget that uses the Choices.js library for its interactive design. The data for this field (unitKind) is correctly fetched from the database as a comma-separated string (e.g., "OWNED,LEASING"), but the field does not get populated.
I have already debugged the issue extensively. The console logs confirm that our script correctly fetches the data and tries to populate the field, but it fails. This appears to be a JavaScript timing conflict between the Fluent Forms plugin and our custom integration with the Twenty CRM platform.
Console Log:
inkt Autofill Script (Company): Initializing. Found project_id: D54d12, company_id: 1f70...
inkt Autofill Script (Company): Fetch successful and form population complete.
// Despite the success message, the multi-select field remains empty.
Is there an official or recommended way to programmatically set the value of a multi-select field after the form has loaded? For example, is there a specific JavaScript event we should be listening for after the form components are fully initialized?
Regards
Sumaiya
Developer, inKontaktBringer
