Hermes/refboard-ayon
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

fix: restrict rotation to image/video selections only

Browse Source 
Hide rotate handles and block rotation drag for sticky, markdown,
text, drawing, and group item types. Only images and videos support
rotation.
This commit is contained in:
Hiren Kangad
2026-03-13 17:07:26 +05:30
parent 05118330d6
commit e7e217d3d4
1 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/canvas/TransformBox.ts
+11
View File
@@ -75,6 +75,8 @@ export class TransformBox extends Container {
private _onDragEnd: ((itemIds: string[]) => void) | null = null; private _onDragEnd: ((itemIds: string[]) => void) | null = null;
private _snapGuides: SnapGuides | null = null; private _snapGuides: SnapGuides | null = null;
private _resizeConstraint: 'full' | 'horizontal' | 'none' = 'full'; private _resizeConstraint: 'full' | 'horizontal' | 'none' = 'full';
/** Only images (and videos) support rotation. */
private _rotateAllowed = true;
private _dimLabel!: Text; private _dimLabel!: Text;
private _dimLabelBg!: Graphics; private _dimLabelBg!: Graphics;
@@ -195,6 +197,9 @@ export class TransformBox extends Container {
const allSticky = items.length > 0 && items.every(i => i.type === 'sticky'); const allSticky = items.length > 0 && items.every(i => i.type === 'sticky');
const allMarkdown = items.length > 0 && items.every(i => i.type === 'markdown'); const allMarkdown = items.length > 0 && items.every(i => i.type === 'markdown');
this._resizeConstraint = allSticky ? 'none' : allMarkdown ? 'horizontal' : 'full'; this._resizeConstraint = allSticky ? 'none' : allMarkdown ? 'horizontal' : 'full';
// Only allow rotation for image/video selections
const ROTATABLE_TYPES = new Set(['image', 'video']);
this._rotateAllowed = items.length > 0 && items.every(i => ROTATABLE_TYPES.has(i.type));
this._draw(); this._draw();
this.visible = true; this.visible = true;
} }
@@ -265,6 +270,11 @@ export class TransformBox extends Container {
}; };
for (const [id, handle] of this._rotateHandles) { for (const [id, handle] of this._rotateHandles) {
if (!this._rotateAllowed) {
handle.visible = false;
handle.eventMode = 'none';
continue;
}
handle.visible = true; handle.visible = true;
handle.eventMode = 'static'; handle.eventMode = 'static';
handle.clear(); handle.clear();
@@ -309,6 +319,7 @@ export class TransformBox extends Container {
private _onRotateHandleDown(e: FederatedPointerEvent, id: RotateHandleId): void { private _onRotateHandleDown(e: FederatedPointerEvent, id: RotateHandleId): void {
e.stopPropagation(); e.stopPropagation();
if (!this._rotateAllowed) return;
const origTransforms = new Map<string, { sx: number; sy: number; angle: number; x: number; y: number; w: number; bounds: { x: number; y: number; w: number; h: number } }>(); const origTransforms = new Map<string, { sx: number; sy: number; angle: number; x: number; y: number; w: number; bounds: { x: number; y: number; w: number; h: number } }>();
for (const item of this._items) { for (const item of this._items) {