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

[fuwei007]

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 get out.

Thanks

Frank

[gwinnem]

Hi @fuwei007 This is a css issue. In my version I have the same issue when I add the title using:

  <span class="text">
    {{ itemTitle(item) }}
  </span>

And my text css class is:

.text {
  bottom: 0;
  font-size: 24px;
  height: 100%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
}

So add some css magic to fix your issue.

Regards

Geirr Winnem

Link is to my Vue 3 version completely rewrite of this one here.