Flow component (Checkbox and RadioButton) displaying incorrectly in android devices
The expected behavior was to not display anything at all just like the ios version. This only happens in Android. We found this issue putting together multiple checkboxes and radio buttons in a screen and changing the visible property.
You can watch this problem in multiple wabas but i send you the one we use for deveploment: WABA ID: 131678500028062 Flow ID: 1634209397219994
You can test the problem using the checkbox or radio button example at the documentation with the next json flow.
When visible is false for the checkbox component it takes some space of the flow. This should not happen and should work like the ios version.
{
"version": "6.3",
"data_api_version": "3.0",
"routing_model": {},
"screens": [
{
"id": "DEMO_SCREEN",
"terminal": true,
"title": "Demo screen",
"data": {
"all_extras": {
"type": "array",
"items": {
"type": "object",
"properties": {
"id": {
"type": "string"
},
"title": {
"type": "string"
}
}
},
"__example__": [
{
"id": "1",
"title": "Fries"
},
{
"id": "2",
"title": "Coleslaw"
}
]
}
},
"layout": {
"type": "SingleColumnLayout",
"children": [
{
"type": "Form",
"name": "checkbox_example_form",
"children": [
{
"type": "CheckboxGroup",
"name": "extras",
"label": "Extras 0:",
"description": "Pick something to go with your meal",
"required": true,
"visible": true,
"data-source": "${data.all_extras}",
"on-select-action": {
"name": "data_exchange",
"payload": {
"extras": "${form.extras}"
}
}
},
{
"type": "CheckboxGroup",
"name": "extras1",
"label": "Extras 1:",
"description": "Pick something to go with your meal",
"required": true,
"visible": true,
"data-source": "${data.all_extras}",
"on-select-action": {
"name": "data_exchange",
"payload": {
"extras": "${form.extras}"
}
}
},
{
"type": "CheckboxGroup",
"name": "extras 2",
"label": "Extras 2:",
"description": "Pick something to go with your meal",
"required": false,
"visible": false,
"data-source": "${data.all_extras}",
"on-select-action": {
"name": "data_exchange",
"payload": {
"extras": "${form.extras}"
}
}
},
{
"type": "CheckboxGroup",
"name": "extras 3",
"label": "Extras 3:",
"description": "Pick something to go with your meal",
"required": true,
"visible": true,
"data-source": "${data.all_extras}",
"on-select-action": {
"name": "data_exchange",
"payload": {
"extras": "${form.extras}"
}
}
},
{
"type": "Footer",
"label": "Continue",
"on-click-action": {
"name": "data_exchange",
"payload": {}
}
}
]
}
]
}
}
]
}
I already reported this here: https://developers.facebook.com/support/bugs/485132081313055/
And with direct-support, receiving this response: ''' Hi Rafael,
Thank you for contacting Meta support for business messaging.
I understand that you're having issues with WhatsApp Flows.
Since this issue is related to bugs and technical issues and this channel currently supports non-technical issues, we recommend you utilize the Developer Community Forum for resolution.
https://developers.facebook.com/community/
When creating a community thread, we recommend you provide the API endpoint or relevant developer documentation you are working with as this will help the Meta team with monitoring widespread issues.
We apologize for the inconvenience and thank you for bringing attention to this issue.
Regards, She Meta support for business messaging '''