Unexpected Behavior in Text Field Not Saving to Local Variables or Rule Inputs

Can you share a minimal code example which shows this behaviour?

hi Stefan Helzle 

This issue is happening randomly in the text fields of the application.

a!localVariables(
local!data:a!map( firstName:null, lastName:null, email:null, country:null, orgName:null, title:null ),
a!formLayout(
label: "REGISTER NOW",
instructions: "Enter your details below to register for the conference",
contents: {
a!sectionLayout(
label: "YOUR DETAILS",
labelSize: "SMALL",
labelColor: "STANDARD",
contents: {
a!cardLayout(
contents: {
a!columnsLayout(
columns: {
a!columnLayout(
contents: {
a!textField(
label: "First name",
value: local!data.firstName,
saveInto: local!data.firstName
)
}
),
a!columnLayout(
contents: {
a!textField(
label: "Last name",
value: local!data.lastName,
saveInto: local!data.lastName
)
}
)
}
),
a!textField(
label: "Email address",
labelPosition: "ABOVE",
value: local!data.email,
saveInto: local!data.email
),
a!dropdownField(
label: "Country",
labelPosition: "ABOVE",
placeholder: "Select your country of residence",
choiceLabels: {"United States", "United Kingdom", "Canada"},
choiceValues: {1, 2, 3},
value: local!data.country,
saveInto: local!data.country
),
a!textField(
label: "Organization name",
labelPosition: "ABOVE",
value: local!data.orgName,
saveInto: local!data.orgName
),
a!textField(
label: "Job title",
labelPosition: "ABOVE",
value: local!data.title,
saveInto: local!data.title
)
},
style: "#f2ede1",
shape: "SEMI_ROUNDED",
padding: "STANDARD",
marginBelow: "STANDARD",
borderColor: "#d4cebe"
)
},
marginAbove: "STANDARD"
)
},
buttons: a!buttonLayout(
primaryButtons: {
a!buttonWidget(
label: "Register",
icon: "arrow-right",
submit: true,
validate: true,
style: "SOLID",
color: "#DEB03D"
)
},
secondaryButtons: {
a!buttonWidget(
label: "Cancel",
submit: true,
validate: false,
saveInto: {},
style: "OUTLINE",
color: "#000000",
value: true
)
}
),

)
)