updating Rule Input

I have an interface with some dropdowns 

The idea is the user selects a drop down which then informs the next drop down list.

i.e. drop down one changes the list shown in dropdown two - thats fine and working well,

The issue I appear to be having is getting the rule input value to change at the same time for the second drop down (values are expression rule driven) it appears to only update a step late for example if the user selects xyz and this is value of 27 then the ruleInput value will not update until the user changes the selected value to say abc with a value of 88 and then the rule input updates to 27!!! My real annoyance with this is the local variables show the correct values which means that for whatever reason this is not being pulled into the Rule Input at the same time!!!

I have taken the time to reconstruct this issue without any specifics below: 

- Rule inputs:

"dropOneRI" as in int
"dropTwoRI" as an int
"problem" as an int

a!localVariables(

local!dropOne,
local!dropTwo,


local!list: if(ri!dropOneRI==1,
{
22,42
},
{
34, 48
}
),

local!problemChild: if(a!isNotNullOrEmpty(local!dropTwo),

(if(local!dropTwo==42,84,888888)),""),

a!sectionLayout(

contents: {
a!columnsLayout(
columns: {
a!columnLayout(
contents: {
a!dropdownField(
label: "DropdownOne",
labelPosition: "ABOVE",
placeholder: "WHAT",
choiceLabels: {"Op1", "Op2"},
choiceValues: {1, 2},
value: local!dropOne,
saveInto: {
local!dropOne,
a!save(ri!dropOneRI, local!dropOne),
a!save(ri!dropTwoRI,""),
a!save(local!dropTwo,"")
}

)
}
),
a!columnLayout(
contents: {
a!dropdownField(
label: "DropdownTwo",
labelPosition: "ABOVE",
placeholder: "--- Select a Value ---",
choiceLabels: {"Opt2-1", "Opt2-2"},
choiceValues: local!list,
value: local!dropTwo,
saveInto: {
local!dropTwo,
a!save(ri!dropTwoRI, local!dropTwo),
a!save(ri!problem, local!problemChild)
},
)
}
),
a!columnLayout(
contents: {}
)
}
)

}
)




)