Popup.open() function used to highlight feature have an unstable error @ ArcGIS for JavaScript 4.20

[ForyondChao]

My Server is ArcGIS Server 10.2，I published the mapping service using ArcMap 10.2 , and the layers data from database (SQL Server 2019) directly.  When I don't register the database, publishing maps automatically copies the data from the database to the server ,  a new unique field called OBJECTID is automatically added to the layer properties table ,  Popup is right now.

but, when I register the database to ArcGIS Server,  I  call the  popup.open()  function to show a feature's property,  some unfixed errors have occurred.   I noticed that the new unique field added by ArcGIS changed from OBJECTID to ESRI_OID,  I modified the codes, but, error still.  The error appeared is that when I popup a feature, the highlight geometry is part of the target feature or sometime is other feature. something like this:

but now the geometry obtained from server is correct, there are 6 points for the geometry.

Here is my code.

Could you please tell me how to fix this bug  or  possible reasons? Looking forward to your reply, Thanks!

[ForyondChao]

Hi  GarryGoldberg!

How do you to solve the problem ? 

[ForyondChao · Accepted solution]

I used a simple method to get around this problem

1. Turn popUp's built-in highlighting off.

const view = new MapView({

 popup:{highlightEnabled:false}

})

2. Use the default graphic in the View to add color for geometry every time it is selected.

sym= new {

type:"simple-fill",

color:[0,255,255,0.5],

style:"solid",

outline:{color:[255,255,0], width:1, style:"solid"}

}

view.graphics.add(new Graphic({geometry:geometry, symbol:sym}));

Now I can achieve my goal, thanks to the forum!

[kukiyang]

this is awesome, try it out! https://word-unscrambler.io