vue-grid-layout

vue-grid-layout copied to clipboard

Embed iframe tag in grid-item, dragging is not smooth

1

**Software version (please complete the following information):** - Browser chrome - Vue.js v2.7.14 - vue-grid-layout - 2.4.0 Embed iframe tag in grid-item, dragging is not smooth 1. When I don’t...

V-yw

Is there anyway to stop the content(text) leak out of the widget

1

If you go to the demo page https://jbaysolutions.github.io/vue-grid-layout/ resize the second widget. You will see  is there any property we could set to stop the content inside of box...

fuwei007

Is it possible to exchange item positions when moved horizontally?

8

I have a compact layout. When I drag an item over another one right next to it, the latter is forced to move to the next row. Is it possible...

TonyYanOnFire

How do I hide the margin of an edge GridItem

1

As shown  I want the GridItem to sit close to the GridLayout

catkinmu

Fix the esm bundle bug of vue in "[email protected]" ```javascript Failed to resolve component: grid-item at Failed to resolve component: grid-layout at ``` ```javascript import { GridItem, GridLayout } from...

SoonIter

when I delete one item, the grid-item would not be rearranged

5

I have a dashboard use your plugin, each time I delete one item, the grid-item would not be rearranged, and the method layout-updated would not be triggered? What should I...

ShirlyKong

How to achieve "horizontal-compact"?

8

I want to leave no gap in between any items, be it horizontal or vertical gap. There's a param for `vertical-compact` where I can take of the vertical gap. How...

pkid169

vue3 demo10 can not run

mynameiscuining

**Software version (please complete the following information):** - Browser [e.g. chrome, safari] - Vue Version [e.g. 2.5.7] - vue-grid-layout Version: [e.g. 2.3.3] **Describe the bug** A clear and concise description...

whenTheMorningDark

在进行系统换肤时发现vue-resizable-handle这个样式为背景图, .vue-grid-item > .vue-resizable-handle { position: absolute; width: 20px; height: 20px; bottom: 0; right: 0; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4='); background-position: bottom right; padding: 0 3px 3px 0; background-repeat: no-repeat; background-origin: content-box; box-sizing:...

dyw1205