taye / interact.js

JavaScript drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE9+)

Home Page:http://interactjs.io/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Resizing cannot assign elements for corner edges, only top, left, right and bottom edges available

ZaDarkSide opened this issue · comments

Expected behavior

You should be able to assign CSS selectors for corner edges.

Actual behavior

Cannot assign CSS selectors for corner edges.

	interact(el).resizable({
		edges: { top: '.top', left: '.left', right: '.right', bottom: '.bottom' }, // <= here you cannot set corners (diagonals) for resizing
	})

System configuration

interact.js version: 1.10.17
Browser name and version: Edge 103, Chrome 103
Operating System: Windows 10

commented

If an element matches selectors for two edges that meet at a corner, then it will resize both edges.

<div class="top right"></div>