fix: flip linear elements after redesign (#5538)

src/element/transformHandles.ts

@@ -62,18 +62,6 @@ const OMIT_SIDES_FOR_LINE_BACKSLASH = {
   w: true,
 };
 
-const OMIT_SIDES_FOR_LINEAR_ELEMENT = {
-  e: true,
-  s: true,
-  n: true,
-  w: true,
-  nw: true,
-  se: true,
-  ne: true,
-  sw: true,
-  rotation: true,
-};
-
 const generateTransformHandle = (
   x: number,
   y: number,
@@ -241,9 +229,7 @@ export const getTransformHandles = (
   }
 
   let omitSides: { [T in TransformHandleType]?: boolean } = {};
-  if (isLinearElement(element)) {
+  if (element.type === "freedraw" || isLinearElement(element)) {
-    omitSides = OMIT_SIDES_FOR_LINEAR_ELEMENT;
-  } else if (element.type === "freedraw") {
     if (element.points.length === 2) {
       // only check the last point because starting point is always (0,0)
       const [, p1] = element.points;

src/renderer/renderScene.ts

@@ -447,7 +447,10 @@ export const _renderScene = (
         renderConfig.zoom,
         "mouse", // when we render we don't know which pointer type so use mouse
       );
-      if (!appState.viewModeEnabled) {
+      if (
+        !appState.viewModeEnabled &&
+        !isLinearElement(locallySelectedElements[0])
+      ) {
         renderTransformHandles(
           context,
           renderConfig,