Partial Outageshare-external
Input component focus causes a weird zoom in
1

In the new WhatsApp version on iOS, when I focus on an input component inside the flow, it zooms in on the component and stays like that even after submitting and going to the next screen. It makes my flows not usable (I'm using version 3.1 but still see the new progress bar at the top with this weird bug)

Yaniv
Asked about 5 months ago
Bar

Thanks for the report: 1) Which iOS model are you use? 2) Can you share your Flow JSON? 3) Is this happening consistently for any input field, or only in some cases?

June 14 at 11:33 AM
Selected Answer
2

Hi, just a quick update. The fix will be available in the next 48 hours.

July 4 at 10:09 AM
Evgenii
Selected Answer
1

iOS 17.5.1 It happens on all text input components Here's the Flow JSON (it's pretty big)

{ "version": "3.1", "data_api_version": "3.0", "routing_model": { "DATETIME_SCREEN": ["DETAILS_SCREEN"], "STUDENT_DETAILS_SCREEN": [ "ADD_SPOT_ITEM_SCREEN", "ADD_BOARD_ITEM_SCREEN", "ADD_CLOTHING_ITEM_SCREEN", "FEEDBACK_SCREEN" ], "DETAILS_SCREEN": [ "ADD_SPOT_ITEM_SCREEN", "ADD_BOARD_ITEM_SCREEN", "ADD_CLOTHING_ITEM_SCREEN", "FEEDBACK_SCREEN" ], "ADD_SPOT_ITEM_SCREEN": [ "ADD_BOARD_ITEM_SCREEN", "ADD_CLOTHING_ITEM_SCREEN", "FEEDBACK_SCREEN" ], "ADD_BOARD_ITEM_SCREEN": ["ADD_CLOTHING_ITEM_SCREEN", "FEEDBACK_SCREEN"], "ADD_CLOTHING_ITEM_SCREEN": ["FEEDBACK_SCREEN"], "FEEDBACK_SCREEN": [ "SECONDARY_FEEDBACK_SCREEN", "FOCUS_SCREEN", "STUDENTS_SELECTION_TYPE_SCREEN", "STUDENTS_SELECT_GROUP_SCREEN", "STUDENTS_SELECTION_SCREEN" ], "FOCUS_SCREEN": [ "STUDENTS_SELECTION_TYPE_SCREEN", "STUDENTS_SELECT_GROUP_SCREEN", "STUDENTS_SELECTION_SCREEN", "GOALS_SCREEN" ], "SECONDARY_FEEDBACK_SCREEN": [ "GOALS_SCREEN", "CONDITIONS_SCREEN", "FOCUS_SCREEN" ], "GOALS_SCREEN": ["CONDITIONS_SCREEN"], "STUDENTS_SELECTION_TYPE_SCREEN": [ "STUDENTS_SELECT_GROUP_SCREEN", "STUDENTS_SELECTION_SCREEN" ], "STUDENTS_SELECT_GROUP_SCREEN": ["STUDENTS_SELECTION_SCREEN"] }, "screens": [ { "id": "DATETIME_SCREEN", "layout": { "type": "SingleColumnLayout", "children": [ { "type": "Form", "name": "form", "init-values": "${data.init_values}", "children": [ { "type": "DatePicker", "name": "date", "label": "תאריך", "required": true }, { "type": "TextInput", "name": "fromTime", "label": "משעה", "helper-text": "פורמט hh:mm", "required": true }, { "type": "TextInput", "name": "toTime", "label": "עד שעה", "helper-text": "פורמט hh:mm", "required": true }, { "type": "Footer", "label": "הבא", "on-click-action": { "name": "data_exchange", "payload": { "date": "${form.date}", "fromTime": "${form.fromTime}", "toTime": "${form.toTime}" } } } ] } ] }, "title": "סשן גלישה", "terminal": false, "data": { "init_values": { "type": "object", "example": { "a": "123" } } } }, { "id": "DETAILS_SCREEN", "layout": { "type": "SingleColumnLayout", "children": [ { "type": "Form", "name": "form", "init-values": "${data.init_values}", "children": [ { "type": "Dropdown", "label": "חוף", "name": "spot", "data-source": "${data.spots}", "required": "${data.spotVisible}", "visible": "${data.spotVisible}", "on-select-action": { "name": "data_exchange", "payload": { "spot": "${form.spot}", "isSpotChanged": true } } }, { "type": "Dropdown", "label": "גלשן", "name": "board", "data-source": "${data.quiver}", "required": "${data.boardVisible}", "visible": "${data.boardVisible}", "on-select-action": { "name": "data_exchange", "payload": { "board": "${form.board}", "isBoardChanged": true } } }, { "type": "Dropdown", "label": "לבוש", "name": "clothing", "data-source": "${data.clothes}", "required": "${data.clothingVisible}", "visible": "${data.clothingVisible}", "on-select-action": { "name": "data_exchange", "payload": { "clothing": "${form.clothing}", "isClothingItemChanged": true } } }, { "type": "CheckboxGroup", "label": "מאמנים", "name": "coaches", "data-source": "${data.coachesList}", "required": "${data.coachesVisible}", "visible": "${data.coachesVisible}" }, { "type": "Footer", "label": "הבא", "on-click-action": { "name": "data_exchange", "payload": { "spot": "${form.spot}", "board": "${form.board}", "clothing": "${form.clothing}", "coaches": "${form.coaches}" } } } ] } ] }, "title": "פרטי סשן", "terminal": false, "data": { "quiver": { "type": "array", "items": { "type": "object", "properties": { "id": { "type": "string" }, "title": { "type": "string" }, "description": { "type": "string" } } }, "example": [ { "id": "test", "title": "holygrail", "description": "epoxy 6'2 33liters" } ] }, "spots": { "type": "array", "items": { "type": "object", "properties": { "id": { "type": "string" }, "title": { "type": "string" }, "description": { "type": "string" } } }, "example": [ { "id": "test", "title": "pipeline", "description": "reef break" } ] }, "clothes": { "type": "array", "items": { "type": "object", "properties": { "id": { "type": "string" }, "title": { "type": "string" }, "description": { "type": "string" } } }, "example": [ { "id": "test", "title": "3/2 wetsuit", "description": "Oneal" } ] }, "init_values": { "type": "object", "example": { "a": "123" } }, "boardVisible": { "type": "boolean", "example": true }, "clothingVisible": { "type": "boolean", "example": true }, "coachesVisible": { "type": "boolean", "example": true }, "coachesList": { "type": "array", "items": { "type": "object", "properties": { "id": { "type": "string" }, "title": { "type": "string" }, "description": { "type": "string" } } }, "example": [ { "id": "test", "title": "John Doe", "description": "surf coach" } ] }, "spotVisible": { "type": "boolean", "example": true } } }, { "id": "FEEDBACK_SCREEN", "layout": { "type": "SingleColumnLayout", "children": [ { "type": "Form", "name": "form", "children": [ { "type": "Dropdown", "name": "happinessScore", "label": "כמה נהנת?", "required": false, "data-source": [ { "id": "0.5", "title": "סיוט", "description": "½☆☆☆☆" }, { "id": "1", "title": "גרוע", "description": "★☆☆☆☆" }, { "id": "1.5", "title": "מבאס", "description": "★½☆☆☆" }, { "id": "2", "title": "רע", "description": "★★☆☆☆" }, { "id": "2.5", "title": "לא משהו", "description": "★★½☆☆" }, { "id": "3", "title": "סביר", "description": "★★★☆☆" }, { "id": "3.5", "title": "נחמד", "description": "★★★½☆" }, { "id": "4", "title": "כיף", "description": "★★★★☆" }, { "id": "4.5", "title": "מעולה", "description": "★★★★½" }, { "id": "5", "title": "אני בעננים", "description": "★★★★★" } ] }, { "type": "Dropdown", "name": "waveScore", "label": "איך היה הגל?", "required": false, "data-source": [ { "id": "0.5", "title": "לא היה", "description": "½☆☆☆☆" }, { "id": "1", "title": "בקושי גליש", "description": "★☆☆☆☆" }, { "id": "1.5", "title": "שלולית", "description": "★½☆☆☆" }, { "id": "2", "title": "חלש", "description": "★★☆☆☆" }, { "id": "2.5", "title": "רבע כח", "description": "★★½☆☆" }, { "id": "3", "title": "סביר", "description": "★★★☆☆" }, { "id": "3.5", "title": "נחמד", "description": "★★★½☆" }, { "id": "4", "title": "אחלה גל", "description": "★★★★☆" }, { "id": "4.5", "title": "פצצה", "description": "★★★★½" }, { "id": "5", "title": "נדיר", "description": "★★★★★" } ] }, { "type": "Dropdown", "name": "surfingScore", "label": "איך גלשת?", "required": false, "visible": "${data.surfingScoreVisible}", "data-source": [ { "id": "0.5", "title": "כמו קוק", "description": "½☆☆☆☆" }, { "id": "1", "title": "בושה", "description": "★☆☆☆☆" }, { "id": "1.5", "title": "חלש", "description": "★½☆☆☆" }, { "id": "2", "title": "לא משהו בכלל", "description": "★★☆☆☆" }, { "id": "2.5", "title": "יכול להיות יותר טוב", "description": "★★½☆☆" }, { "id": "3", "title": "סביר", "description": "★★★☆☆" }, { "id": "3.5", "title": "נחמד", "description": "★★★½☆" }, { "id": "4", "title": "טוב", "description": "★★★★☆" }, { "id": "4.5", "title": "שחטתי", "description": "★★★★½" }, { "id": "5", "title": "ג׳ון ג׳ון", "description": "★★★★★" } ] }, { "type": "Dropdown", "name": "studentsScore", "label": "איך היו המתאמנים?", "required": false, "visible": "${data.studentsScoreVisible}", "data-source": [ { "id": "1", "title": "מופרעים", "description": "★☆☆☆☆" }, { "id": "2", "title": "לא משהו בכלל", "description": "★★☆☆☆" }, { "id": "3", "title": "סביר", "description": "★★★☆☆" }, { "id": "4", "title": "טוב", "description": "★★★★☆" }, { "id": "5", "title": "אלופים", "description": "★★★★★" } ] }, { "type": "TextInput", "name": "numberOfWaves", "label": "כמה גלים תפסת?", "required": false, "input-type": "number", "visible": "${data.numberOfWavesVisible}" }, { "type": "Dropdown", "name": "crowdScore", "label": "איך היו האנשים?", "required": false, "visible": "${data.crowdScoreVisible}", "data-source": [ { "id": "1", "title": "ג׳ונגל", "description": "★☆☆☆☆" }, { "id": "2", "title": "צפוף", "description": "★★☆☆☆" }, { "id": "3", "title": "סביר", "description": "★★★☆☆" }, { "id": "4", "title": "וייב טוב", "description": "★★★★☆" }, { "id": "5", "title": "גלשתי לבד", "description": "★★★★★" } ] }, { "type": "TextArea", "name": "notes", "label": "הערות", "helper-text": "${data.notesHelperText}" }, { "type": "Footer", "label": "${data.footerLabel}", "on-click-action": { "name": "data_exchange", "payload": { "happinessScore": "${form.happinessScore}", "waveScore": "${form.waveScore}", "surfingScore": "${form.surfingScore}", "notes": "${form.notes}", "studentsScore": "${form.studentsScore}", "numberOfWaves": "${form.numberOfWaves}", "crowdScore": "${form.crowdScore}" } } } ] } ] }, "title": "פידבק סשן", "terminal": true, "data": { "footerLabel": { "type": "string", "example": "סיום" }, "notesHelperText": { "type": "string", "example": "כל מה שרצית לומר על הסשן" }, "studentsScoreVisible": { "type": "boolean", "example": true }, "surfingScoreVisible": { "type": "boolean", "example": true }, "numberOfWavesVisible": { "type": "boolean", "example": true }, "crowdScoreVisible": { "type": "boolean", "example": true } } }, { "id": "SECONDARY_FEEDBACK_SCREEN", "layout": { "type": "SingleColumnLayout", "children": [ { "type": "Form", "name": "form", "children": [ { "type": "Dropdown", "name": "coldScore", "label": "רמת קור", "required": false, "data-source": [ { "id": "1", "title": "רעדתי מקור", "description": "★☆☆☆☆" }, { "id": "2", "title": "קריר", "description": "★★☆☆☆" }, { "id": "3", "title": "נעים", "description": "★★★☆☆" }, { "id": "4", "title": "חמים", "description": "★★★★☆" }, { "id": "5", "title": "חם מדי", "description": "★★★★★" } ] }, { "type": "Dropdown", "name": "crowdScore", "label": "איך היו האנשים?", "required": false, "data-source": [ { "id": "1", "title": "ג׳ונגל", "description": "★☆☆☆☆" }, { "id": "2", "title": "צפוף", "description": "★★☆☆☆" }, { "id": "3", "title": "סביר", "description": "★★★☆☆" }, { "id": "4", "title": "וייב טוב", "description": "★★★★☆" }, { "id": "5", "title": "גלשתי לבד", "description": "★★★★★" } ] }, { "type": "Dropdown", "name": "cleanScore", "label": "רמת ניקיון", "required": false, "data-source": [ { "id": "1", "title": "מים רדיואקטיבים", "description": "★☆☆☆☆" }, { "id": "2", "title": "ביוב עם פסולת", "description": "★★☆☆☆" }, { "id": "3", "title": "עלים פה ושם", "description": "★★★☆☆" }, { "id": "4", "title": "די נקי", "description": "★★★★☆" }, { "id": "5", "title": "מים צלולים", "description": "★★★★★" } ] }, { "type": "Dropdown", "name": "fatigueScore", "label": "רמת עייפות", "required": false, "data-source": [ { "id": "1", "title": "כאילו לא גלשתי", "description": "★☆☆☆☆" }, { "id": "2", "title": "מוכן לעוד סשן", "description": "★★☆☆☆" }, { "id": "3", "title": "עייף", "description": "★★★☆☆" }, { "id": "4", "title": "מתנשף", "description": "★★★★☆" }, { "id": "5", "title": "מעולף", "description": "★★★★★" } ] }, { "type": "Footer", "label": "${data.footerLabel}", "on-click-action": { "name": "data_exchange", "payload": { "coldScore": "${form.coldScore}", "crowdScore": "${form.crowdScore}", "cleanScore": "${form.cleanScore}", "fatigueScore": "${form.fatigueScore}" } } } ] } ] }, "title": "פידבק סשן", "terminal": true, "data": { "footerLabel": { "type": "string", "example": "סיום" }, "skipLabel": { "type": "string", "example": "דלג" } } }, { "id": "GOALS_SCREEN", "layout": { "type": "SingleColumnLayout", "children": [ { "type": "Form", "name": "form", "children": [ { "type": "TextSubheading", "text": "${data.goal1Label}", "visible": "${data.goal1Visible}" }, { "type": "Dropdown", "name": "goal1", "label": "🎯", "required": false, "visible": "${data.goal1Visible}", "data-source": [ { "id": "1", "title": "לא רלוונטי", "description": "" }, { "id": "2", "title": "לא הצלחתי", "description": "" }, { "id": "3", "title": "הצלחתי בערך", "description": "" }, { "id": "4", "title": "הצלחתי", "description": "" }, { "id": "5", "title": "הצלחתי מעל למצופה", "description": "" } ] }, { "type": "TextSubheading", "text": "${data.goal2Label}", "visible": "${data.goal2Visible}" }, { "type": "Dropdown", "name": "goal2", "label": "🎯", "required": false, "visible": "${data.goal2Visible}", "data-source": [ { "id": "1", "title": "לא רלוונטי", "description": "" }, { "id": "2", "title": "לא הצלחתי", "description": "" }, { "id": "3", "title": "הצלחתי בערך", "description": "" }, { "id": "4", "title": "הצלחתי", "description": "" }, { "id": "5", "title": "הצלחתי מעל למצופה", "description": "" } ] }, { "type": "TextSubheading", "text": "${data.goal3Label}", "visible": "${data.goal3Visible}" }, { "type": "Dropdown", "name": "goal3", "label": "🎯", "required": false, "visible": "${data.goal3Visible}", "data-source": [ { "id": "1", "title": "לא רלוונטי", "description": "" }, { "id": "2", "title": "לא הצלחתי", "description": "" }, { "id": "3", "title": "הצלחתי בערך", "description": "" }, { "id": "4", "title": "הצלחתי", "description": "" }, { "id": "5", "title": "הצלחתי מעל למצופה", "description": "" } ] }, { "type": "Footer", "label": "${data.footerLabel}", "on-click-action": { "name": "data_exchange", "payload": { "goal1": "${form.goal1}", "goal2": "${form.goal2}", "goal3": "${form.goal3}" } } } ] } ] }, "title": "פידבק מטרות", "terminal": true, "data": { "footerLabel": { "type": "string", "example": "סיום" }, "goal1Label": { "type": "string", "example": "מטרה 1" }, "goal2Label": { "type": "string", "example": "מטרה 2" }, "goal3Label": { "type": "string", "example": "מטרה 3" }, "goal1Visible": { "type": "boolean", "example": true }, "goal2Visible": { "type": "boolean", "example": true }, "goal3Visible": { "type": "boolean", "example": true } } }, { "id": "ADD_SPOT_ITEM_SCREEN", "layout": { "type": "SingleColumnLayout", "children": [ { "type": "Form", "name": "form", "init-values": "${data.init_values}", "children": [ { "type": "TextInput", "label": "כינוי חוף", "name": "title", "required": false }, { "type": "Dropdown", "data-source": "${data.countries}", "label": "מדינה", "name": "country", "required": true, "on-select-action": { "name": "data_exchange", "payload": { "country": "${form.country}", "isCountryChanged": true } } }, { "type": "Dropdown", "data-source": "${data.subregions}", "label": "אזור", "name": "subregion", "required": true, "on-select-action": { "name": "data_exchange", "payload": { "isSubregionChanged": true, "subregion": "${form.subregion}" } } }, { "type": "Dropdown", "data-source": "${data.surfspots}", "label": "חוף גלישה", "name": "surfspot", "required": true }, { "type": "Dropdown", "label": "סוג", "name": "type", "required": false, "data-source": [ { "id": "beach", "title": "ביץ׳ ברייק" }, { "id": "reef", "title": "ריף" }, { "id": "point", "title": "פוינט" }, { "id": "standing_wave", "title": "גל סטטי" }, { "id": "wavepool", "title": "בריכת גלישה" } ] }, { "type": "Footer", "label": "הוספה", "on-click-action": { "name": "data_exchange", "payload": { "title": "${form.title}", "country": "${form.country}", "subregion": "${form.subregion}", "surfspot": "${form.surfspot}", "type": "${form.type}" } } } ] } ] }, "title": "הוספת חוף", "terminal": true, "data": { "countries": { "type": "array", "items": { "type": "object", "properties": { "id": { "type": "string" }, "title": { "type": "string" }, "description": { "type": "string" } } }, "example": [ { "id": "test", "title": "Israel", "description": "Middle East" } ] }, "subregions": { "type": "array", "items": { "type": "object", "properties": { "id": { "type": "string" }, "title": { "type": "string" } } }, "example": [ { "id": "test", "title": "Test" } ] }, "surfspots": { "type": "array", "items": { "type": "object", "properties": { "id": { "type": "string" }, "title": { "type": "string" } } }, "example": [ { "id": "test", "title": "Test" } ] }, "init_values": { "type": "object", "example": { "a": "123" } } } }, { "id": "ADD_BOARD_ITEM_SCREEN", "layout": { "type": "SingleColumnLayout", "children": [ { "type": "Form", "name": "form", "children": [ { "type": "TextInput", "label": "כינוי גלשן", "name": "title", "required": true, "helper-text": "שם או כינוי יחודי שקל לזכור" }, { "type": "TextInput", "label": "אורך (פוט)", "name": "length", "required": true }, { "type": "TextInput", "label": "נפח (ליטרים)", "name": "volume", "required": false }, { "type": "Dropdown", "label": "סוג", "name": "type", "required": true, "data-source": [ { "id": "shortboard", "title": "שורטבורד" }, { "id": "fish", "title": "פיש" }, { "id": "funboard", "title": "פאן בורד" }, { "id": "longboard", "title": "לונגבורד" }, { "id": "gun", "title": "גאן" }, { "id": "hybrid", "title": "היבריד" }, { "id": "softboard", "title": "סופטבורד" }, { "id": "bodyboard", "title": "בודיבורד" }, { "id": "skimboard", "title": "סקימבורד" }, { "id": "kiteboard", "title": "קייטבורד" }, { "id": "windboard", "title": "ווינדבורד" }, { "id": "foilboard", "title": "פוילבורד" }, { "id": "sup", "title": "סאפ" }, { "id": "other", "title": "אחר" } ] }, { "type": "Dropdown", "name": "material", "label": "חומר", "required": false, "data-source": [ { "id": "epoxy", "title": "אפוקסי" }, { "id": "polyester", "title": "פוליאסטר" }, { "id": "carbon", "title": "קרבון" }, { "id": "foam", "title": "סופט" }, { "id": "wood", "title": "עץ" }, { "id": "other", "title": "אחר" } ] }, { "type": "Dropdown", "name": "finSetup", "label": "חרבות", "required": false, "data-source": [ { "id": "thruster", "title": "טראסטר" }, { "id": "quad", "title": "קוואד" }, { "id": "twin", "title": "טווין" }, { "id": "single", "title": "סינגל" }, { "id": "five", "title": "פייב" }, { "id": "other", "title": "אחר" } ] }, { "type": "Footer", "label": "הוספה", "on-click-action": { "name": "data_exchange", "payload": { "title": "${form.title}", "length": "${form.length}", "volume": "${form.volume}", "type": "${form.type}", "material": "${form.material}", "finSetup": "${form.finSetup}" } } } ] } ] }, "title": "הוספת גלשן", "terminal": true, "data": {} }, { "id": "ADD_CLOTHING_ITEM_SCREEN", "layout": { "type": "SingleColumnLayout", "children": [ { "type": "Form", "name": "form", "children": [ { "type": "TextInput", "label": "שם", "name": "title", "required": true }, { "type": "TextInput", "label": "עובי (מ״מ)", "name": "thickness", "helper-text": "לדוגמא: 3/2", "required": true }, { "type": "TextInput", "label": "יצרן", "name": "manufacturer", "required": false }, { "type": "Footer", "label": "הוספה", "on-click-action": { "name": "data_exchange", "payload": { "title": "${form.title}", "thickness": "${form.thickness}", "manufacturer": "${form.manufacturer}" } } } ] } ] }, "title": "הוספת ביגוד", "terminal": true, "data": {} }, { "id": "CONDITIONS_SCREEN", "layout": { "type": "SingleColumnLayout", "children": [ { "type": "Form", "name": "form", "children": [ { "type": "TextInput", "name": "swellAngle", "label": "זווית הסוול במעלות", "required": false, "input-type": "number" }, { "type": "TextInput", "name": "swellHeight", "label": "גובה סוול בסנטימטרים", "input-type": "number" }, { "type": "TextInput", "name": "swellPeriod", "label": "זמן סוול בשניות", "input-type": "number" }, { "type": "TextInput", "name": "tideHeight", "label": "גאות התחלה ס״מ", "input-type": "number" }, { "type": "TextInput", "name": "tideHeightEnd", "label": "גאות סיום ס״מ", "input-type": "number" }, { "type": "TextInput", "name": "windSpeed", "label": "מהירות רוח בקמ״ש", "input-type": "number" }, { "type": "TextInput", "name": "windDirection", "label": "כיוון רוח במעלות", "input-type": "number" }, { "type": "TextInput", "name": "waterTemperature", "label": "טמפרטורת מים", "helper-text": "במעלות צלזיוס", "input-type": "number" }, { "type": "TextInput", "name": "airTemperature", "label": "טמפרטורת אוויר", "helper-text": "במעלות צלזיוס", "input-type": "number" }, { "type": "Footer", "label": "סיום", "on-click-action": { "name": "data_exchange", "payload": { "swellAngle": "${form.swellAngle}", "swellHeight": "${form.swellHeight}", "swellPeriod": "${form.swellPeriod}", "tideHeight": "${form.tideHeight}", "tideHeightEnd": "${form.tideHeightEnd}", "windSpeed": "${form.windSpeed}", "windDirection": "${form.windDirection}", "waterTemperature": "${form.waterTemperature}", "airTemperature": "${form.airTemperature}" } } } ] } ] }, "title": "תנאי גלישה", "terminal": false, "data": {} }, { "id": "STUDENTS_SELECTION_TYPE_SCREEN", "layout": { "type": "SingleColumnLayout", "children": [ { "type": "Form", "name": "form", "children": [ { "type": "Dropdown", "name": "selectionType", "label": "בחירת מתאמנים לפי", "required": true, "data-source": [ { "id": "1", "title": "שמות" }, { "id": "2", "title": "קבוצות" }, { "id": "3", "title": "שליחת אנשי קשר" } ], "on-select-action": { "name": "data_exchange", "payload": { "selectionType": "${form.selectionType}" } } }, { "type": "Footer", "label": "הבא", "on-click-action": { "name": "data_exchange", "payload": { "selectionType": "${form.selectionType}" } } } ] } ] }, "title": "סוג בחירת מתאמנים", "terminal": true }, { "id": "STUDENTS_SELECT_GROUP_SCREEN", "layout": { "type": "SingleColumnLayout", "children": [ { "type": "Form", "name": "form", "children": [ { "type": "Dropdown", "name": "${data.groupFieldName}", "label": "קבוצה", "required": true, "data-source": "${data.groups}", "on-select-action": { "name": "data_exchange", "payload": { "form": "${form}" } } }, { "type": "TextSubheading", "text": "${data.studentsSelectedLabel}", "visible": "${data.studentsSelectedVisible}" }, { "type": "TextBody", "text": "${data.studentsSelectedNames}", "visible": "${data.studentsSelectedNamesVisible}" }, { "type": "Footer", "label": "הבא", "on-click-action": { "name": "data_exchange", "payload": { "form": "${form}" } } } ] } ] }, "title": "${data.title}", "terminal": true, "data": { "groups": { "type": "array", "items": { "type": "object", "properties": { "id": { "type": "string" }, "title": { "type": "string" } } }, "example": [ { "id": "test", "title": "Test" } ] }, "studentsSelectedLabel": { "type": "string", "example": "מתאמנים שנבחרו" }, "studentsSelectedVisible": { "type": "boolean", "example": true }, "title": { "type": "string", "example": "בחירת קבוצה" }, "studentsSelectedNames": { "type": "string", "example": "אורן, נועה, יונתן" }, "studentsSelectedNamesVisible": { "type": "boolean", "example": true }, "groupFieldName": { "type": "string", "example": "group" } } }, { "id": "STUDENTS_SELECTION_SCREEN", "layout": { "type": "SingleColumnLayout", "children": [ { "type": "Form", "name": "form", "init-values": "${data.init_values}", "children": [ { "type": "CheckboxGroup", "name": "${data.studentsField}", "label": "מתאמנים", "required": true, "data-source": "${data.studentsList}" }, { "type": "Footer", "label": "הבא", "on-click-action": { "name": "data_exchange", "payload": { "form": "${form}" } } } ] } ] }, "title": "בחירת מתאמנים", "terminal": true, "data": { "studentsList": { "type": "array", "items": { "type": "object", "properties": { "id": { "type": "string" }, "title": { "type": "string" }, "description": { "type": "string" } } }, "example": [ { "id": "test", "title": "Oneal", "description": "Oneal" } ] }, "init_values": { "type": "object", "example": { "a": "123" } }, "studentsField": { "type": "string", "example": "students" } } }, { "id": "FOCUS_SCREEN", "layout": { "type": "SingleColumnLayout", "children": [ { "type": "Form", "name": "form", "init-values": "${data.init_values}", "children": [ { "type": "TextArea", "name": "focus", "label": "מה היה הפוקוס לסשן?", "required": false }, { "type": "Dropdown", "name": "focusResult", "label": "רמת ביצוע פוקוס", "required": false, "visible": "${data.focusResultVisible}", "data-source": [ { "id": "1", "title": "לא רלוונטי", "description": "" }, { "id": "2", "title": "לא הצלחתי", "description": "" }, { "id": "3", "title": "הצלחתי בערך", "description": "" }, { "id": "4", "title": "הצלחתי", "description": "" }, { "id": "5", "title": "הצלחתי מעל למצופה", "description": "" } ] }, { "type": "Footer", "label": "${data.footerLabel}", "on-click-action": { "name": "data_exchange", "payload": { "focus": "${form.focus}", "focusResult": "${form.focusResult}" } } } ] } ] }, "title": "פוקוס", "terminal": true, "data": { "init_values": { "type": "object", "example": { "a": "123" } }, "focusResultVisible": { "type": "boolean", "example": true }, "footerLabel": { "type": "string", "example": "סיום" } } }, { "id": "STUDENT_DETAILS_SCREEN", "layout": { "type": "SingleColumnLayout", "children": [ { "type": "Form", "name": "form", "init-values": "${data.init_values}", "children": [ { "type": "Dropdown", "label": "חוף", "name": "spot", "data-source": "${data.spots}", "required": "${data.spotVisible}", "visible": "${data.spotVisible}", "on-select-action": { "name": "data_exchange", "payload": { "spot": "${form.spot}", "isSpotChanged": true } } }, { "type": "Dropdown", "label": "גלשן", "name": "board", "data-source": "${data.quiver}", "required": "${data.boardVisible}", "visible": "${data.boardVisible}", "on-select-action": { "name": "data_exchange", "payload": { "board": "${form.board}", "isBoardChanged": true } } }, { "type": "Dropdown", "label": "לבוש", "name": "clothing", "data-source": "${data.clothes}", "required": "${data.clothingVisible}", "visible": "${data.clothingVisible}", "on-select-action": { "name": "data_exchange", "payload": { "clothing": "${form.clothing}", "isClothingItemChanged": true } } }, { "type": "CheckboxGroup", "label": "מאמנים", "name": "coaches", "data-source": "${data.coachesList}", "required": "${data.coachesVisible}", "visible": "${data.coachesVisible}" }, { "type": "Footer", "label": "הבא", "on-click-action": { "name": "data_exchange", "payload": { "spot": "${form.spot}", "board": "${form.board}", "clothing": "${form.clothing}", "coaches": "${form.coaches}" } } } ] } ] }, "title": "פרטי סשן", "terminal": false, "data": { "quiver": { "type": "array", "items": { "type": "object", "properties": { "id": { "type": "string" }, "title": { "type": "string" }, "description": { "type": "string" } } }, "example": [ { "id": "test", "title": "holygrail", "description": "epoxy 6'2 33liters" } ] }, "spots": { "type": "array", "items": { "type": "object", "properties": { "id": { "type": "string" }, "title": { "type": "string" }, "description": { "type": "string" } } }, "example": [ { "id": "test", "title": "pipeline", "description": "reef break" } ] }, "clothes": { "type": "array", "items": { "type": "object", "properties": { "id": { "type": "string" }, "title": { "type": "string" }, "description": { "type": "string" } } }, "example": [ { "id": "test", "title": "3/2 wetsuit", "description": "Oneal" } ] }, "init_values": { "type": "object", "example": { "a": "123" } }, "boardVisible": { "type": "boolean", "example": true }, "clothingVisible": { "type": "boolean", "example": true }, "coachesVisible": { "type": "boolean", "example": true }, "coachesList": { "type": "array", "items": { "type": "object", "properties": { "id": { "type": "string" }, "title": { "type": "string" }, "description": { "type": "string" } } }, "example": [ { "id": "test", "title": "John Doe", "description": "surf coach" } ] }, "spotVisible": { "type": "boolean", "example": true } } } ] }

June 14 at 11:36 AM
Yaniv
Ricardo

Thanks for the detailed response Yaniv. We might need some additional details to reproduce the issue: 1. Do you have the Zoom settings enabled (Settings -> Accessibility -> Zoom)? 2. Is the problem reproducible with other Flows (e.g. with trivial ones)? 2. Does the problem affect other types of inputs (e.g. TextArea)? 3. Can the zoom be reverted with any gestures? (e.g. pinching)?

Thanks again.

June 17 at 2:18 AM
Yaniv

1.I don't have anything special with the zoom settings, also this problem didn't exist until recently (probably when you introduced changes for v4)

  1. Yes it happened on other flows. My flows are all none trivial and using server side communication

  2. Yes, it happens with the TextArea too

  3. The zoom can be reverted when pinching but this is not very user friendly and sometimes it causes a back action

Also, it seems that something happened to my account because I can't create or update flows anymore.

June 17 at 6:30 AM
Ricardo

Thanks again Yaniv. Would it be possible for you to provide some visual evidence of the issue (since the Flow is opened until the problem arises)? Ideally a screen recording, to help us better understand the context where it's being reproduced.

June 18 at 12:35 AM
Yaniv

Here's a video of this behavior - https://youtu.be/9nNXJv1togE

June 18 at 2:55 AM
Asylkhan

Thank you for the provided screen recording Yaniv. Could please also provide which iPhone model you are seeing the issue on?

June 20 at 8:13 AM
Yaniv

iPhone 12 iOS 17.5.1

June 21 at 4:50 AM