javascript - Item is getting enlarged during drag in Firefox -
i have sample code below
<!doctype html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <a class='dragitem' href='#' draggable='true'><img src="myimage.gif" width=12px height=12px border=0px padding="0px 0px 0px 0px" align=left>drag me</a>" </body> </html> above item getting enlarged in firefox while dragging item & in other browsers (ie & chrome) not getting enlarged. if remove tag inside working expected in browsers (item isn't getting enlarged). have attached images while dragging.
please let me know, how can stop item getting enlarged in firefox while dragging ?
first, have know links , images draggable default according w3schools. don't need put property draggable="true" link. firefox behavior, try code , discover it's because of image inside link drag effect enlarged size of content. code, don't have (i put image outside of link) :
<body> <a class='dragitem' href='#'>drag me</a> <img src="myimage1.gif" width=12px height=12px border=0px padding="0px 0px 0px 0px" align=left> </body> you can try , there no more enlarged effect on firefox. question purpose of image ? why put on link html structure ? hope you.


Comments
Post a Comment