title: How in Reagent with Hiccup make an element with takes all available space
body: <p>I am trying to find out how in Reagent with Hiccup make an element with takes all available space. So an resize parent I will get :component-did-mount call back.</p>
  
  <pre><code>(defn chart [id col-width row-height]
    (let [dimensions (atom {})]
      (reagent/create-class
        {:component-did-mount
         (fn [e]
           (let [thisComponent (aget (js/document.querySelector ".app") "parentNode")
                 width (aget thisComponent "offsetWidth")
                 height (aget thisComponent "offsetHeight")]
             (swap! dimensions {:width width :height height})
             (println "----did mountwdth" width "--" height col-width row-height)
             (.log js/console thisComponent)))
         :reagent-render
         (fn [id col-width row-height]
           [:div
            [:div {:style {:background "gray"}} "--drag handle--"]
            [:div.non-dragable
             [simple-bar id]
             [tchart id col-width (int (- row-height controls-height))]]])})))
  </code></pre>
  
  <p>I want the chart element to take all the space available.</p>