Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Move/Resize-icons are not shown for most HTML tag elements #607

Closed
timeraider4u opened this issue Mar 1, 2018 · 1 comment
Closed

Move/Resize-icons are not shown for most HTML tag elements #607

timeraider4u opened this issue Mar 1, 2018 · 1 comment

Comments

@timeraider4u
Copy link

First, thank you for developing this great library. Unfortunately, I have found something weird which looks like a bug to me:

The move/resize icons are only shown for DIV, LABEL or IMG tags but not for BUTTONs/INPUT elements. The drag&drop and resize actions are working for all elements anyway.

Steps to reproduce

Reproducibility: Always

Take any example from http://interactjs.io/ e.g., the resizing example.
In the HTML body replace

<div class="resize-container">
  <div class="resize-drag">
     Resize from any edge or corner
  </div>
</div>

with

<div class="resize-container">
  <button class="resize-drag">
     Resize from any edge or corner
  </button>
</div>

Expected behavior

image
image

Actual behavior

image
image

System configuration

interact.js version: 1.3.3
Browser name and version: Google Chrome 64.0.3282.186, MS IE 11, Mozilla Firefox 58.0.2
Operating System: MS Windows 7 (64-bit)

@eldadts
Copy link

eldadts commented Dec 24, 2018

Same problem v1.3.4

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants