Search code examples
htmlcssangulargridster

How to make textarea element fill the whole parent div grid box (using angular-gridster2 or gridster library)?


I am using this grid library: https://github.com/tiberiuzuld/angular-gridster2 What I want to do is put a textarea inside of a box in the grid. I tried putting

style="width:100%;
height:100%;
border-box:100%;
-moz-border-box:100%;
-webkit-border-box:100%" 

on the textarea, though it does not appear to fill the whole space.

Can someone show me how I can make it so that I can get that textarea to fill the whole space of the parent div? (grid box) without having to be explicit like: height:300px as an example.

Plunkr of my issue: https://plnkr.co/edit/CFSzKIPEEdsB28MjZEkw?p=preview

Notice how the textareas don't fill the whole box.


Solution

  • You are missing the styles for this class gridster-item-content

    .gridster-item-content{
      height: 100%;
      width:100%;
    }
    

    Updated Plunker