Tengo un escenario en el que se dibuja un rectángulo dentro de otro rectángulo.

Ahora el usuario está arrastrando, por ejemplo, tomemos el borde DERECHO del rectángulo más grande. Al mismo tiempo, también quiero cambiar el tamaño del rectángulo interior, pero resulta que no es una tarea tan trivial como pensaba. En la imagen de abajo está el resultado esperado, pero si miras de cerca, no solo el rectángulo se expandió sino que también se movió una cierta distancia hacia la derecha.

Ahora intenté y traté de encontrar una fórmula de cuánto mover la forma interior antes de expandirla hacia la derecha, pero fallaba continuamente... Escalar el rectángulo interior no es una buena solución porque si hay otro rectángulo dentro junto a él, el el primero pasará por encima del segundo si no se mueven una cierta distancia como se muestra a continuación:

La pregunta es válida solo para arrastrar y expandir de un lado, no para escalar todos los lados manteniendo la relación de aspecto ... Se agradece cualquier aporte.