Business Rule for Field Lock Unlock not working correctly when OnChange Event of Field has javascript attached

[Rutu01]

I have a business  rule which says if Owner Contains Data then unlock Payer, else Lock Payer.

Also, Payer has set been to read only on the form. 

Payer Events has Javascript attached to it's OnChange. This script then sets a filter on another dropdown but does nothing to Payer.

Once Owner is selected and then deselected, Payer does become locked.

But at form load, Payer becomes unlocked inspite of Owner being empty

If the on change javascript is removed though, everything works as expected that is Payer is locked on form load

[AhmedSalih]

Hello, @Rutu01, I had similar issue few months back. I found the workaround is to not use the modern controls. I haven't revisited this app recently to dig deeper into the issue or report it which I would probably do if you confirmed my doubts 🙂

[ShawnDante · Accepted solution]

Hello @Rutu01,

Please refer https://neilparkhurst.com/2021/10/19/javascript-and-business-rules/ 

In this blog they have mentioned to use fireonchange()

<<FormContext>>.getAttribute(“myattribute”).fireOnChange();

Hope this helps

[Rutu01]

This issue seemed to be happening because in my form on load i was setting the owner to null ( in case of new records) with javascript. But before this executed, the owner field was (behind the scenes, i couldn't see this visually) being populated with default value that is the current user. This was causing the Payer dropdown to be unlocked. Adding fireOnChange() to my javascript fixed this. 

Another solution that worked was modifying the business rule to state that If Owner contains data AND the owner name contains "-" , but this only worked in my case because the user names in my situation don't contain "-", only the team names do. The fireOnChange() as suggested by @ShawnDante feels like the more  reliable and correct way to solve it.