Intermittent Update Behavior for Rotation Handle Position in OL-ext in Transform

[Iut57I]

Hello!

I'm currently developing an application using OpenLayers ext and have encountered an issue with updating the position of rotation handles for a Transform interaction, particularly when zooming in or out (i.e., on change:resolution). While I've implemented logic to update the rotation handle's position based on the map's resolution, the updates appear intermittently, with noticeable "jumps" rather than smooth transitions.

Here's an overview of the implementation:

// Code snippet to update rotation handle for a single feature
const updateRotateForSingleObject = (features) => {
  const rotateHandleStyle = new Style({
    // Style definition...
    geometry: () => {
      // Logic to calculate new position based on resolution
    },
  });
  console.log('rotate');
  transformInteraction.setStyle('rotate', rotateHandleStyle);
};

// Listening to resolution changes to update handle position
view.on('change:resolution', function(e) {
  const selectedFeatures = transformInteraction.getFeatures();
  if (selectedFeatures.getLength() > 0) {
    if (selectedFeatures.getLength() > 1) {
      updateRotateForManyObjects(selectedFeatures);
    } else {
      updateRotateForSingleObject(selectedFeatures);
    }
  }
});

Although the console.log('rotate') statement executes every time the resolution changes, indicating the function is indeed being called, the actual position update of the rotation handle does not always reflect immediately in the UI. It seems to update in "jumps" or sometimes requires additional interaction to display correctly.

I'm looking for guidance on the following:

Why might the rotation handle position updates not display smoothly or consistently upon resolution changes?
Are there any recommended practices or adjustments I can make to ensure the position updates more reliably and smoothly?
Any insights or suggestions on how to address this issue would be greatly appreciated. Thank you for your support

[Viglino]

Maybe it's due to optimization while animating the overlay.
Try to set updateWhileAnimating in the overlay that contains the handles:

transform.overlayLayer_.updateWhileAnimating_ = true;
// and maybe
transform.overlayLayer_.updateWhileInteracting_ = true;

Tell me if it runs, I'll add it on the overlay in constructor.

[Iut57I]

Yes, it worked. I added both :

transform.overlayLayer_.updateWhileAnimating_ = true;
transform.overlayLayer_.updateWhileInteracting_ = true;

Thank you very much. Hope for an update.

[Viglino]

Great, I'll add it in the constructor to have it work out of the box.

[Iut57I]

Hi!
Could you kindly inform me about any upcoming news or updates that we can look forward to?

[Viglino]

My bad! I miss it! 😞
I just pushed a fix.