title: GWT: switching from <table> to g:LayoutPanel and g:layer disable all input
body: <p>I'm using uiBinder to layout my views in a gwt project and I've been using a regular table to handle the basic layout of the view. It became kinda messy and static so I was looking into using layers inside a layoutPanel instead. This seemed like a better way of doing it. So before I had the structure:
  docklayoutpanel
    center
      tablayoutpanel
        tab
          table
            // tabel rows and cells with various content</p>
  
  <p>and now the table with its rows and columns has been replaced with a layoutPanel with layers. At first it seemed to work fine, looking almost exactly the same (just some margins and padding were off), but then I noticed that all the content inside the layers were completely disabled. Not only buttons and textFields, but I can't even select static text. It's like there's an invisible glass pane over everything. What is causing this and how do I fix it?</p>
  
  <p>Throwing in some code as well. This is what the beginning looked like before (working fine):</p>
  
  <pre><code>&lt;g:DockLayoutPanel unit="EM" height="100%"&gt;
          &lt;g:center&gt;
              &lt;g:TabLayoutPanel barUnit='EM' barHeight='3'
                  ui:field="tabs"&gt;
                  &lt;!-- TABB 1 --&gt;
                  &lt;g:tab&gt;
                      &lt;g:header styleName="viewSubtitleText"&gt;
                          &lt;!-- Flikrubrik --&gt;
                          View Person
                      &lt;/g:header&gt;
                      &lt;g:LayoutPanel&gt;
                          &lt;g:layer&gt;
                              &lt;g:ScrollPanel&gt;
                                      &lt;g:HTMLPanel&gt;
                                          &lt;table&gt;
                                              &lt;tr&gt;
                                                  &lt;td valign="top"&gt;
                                                      &lt;g:HTMLPanel styleName="roundedBox"&gt;
                                                          &lt;g:HTMLPanel styleName="viewSubtitleText"&gt;People&lt;/g:HTMLPanel&gt;
                                                          &lt;table&gt;
                                                              &lt;tr&gt;
                                                                  &lt;td&gt;
                                                                      &lt;table&gt;
                                                                          &lt;tr&gt;
                                                                              &lt;td&gt;
                                                                                  &lt;g:HTML&gt;Search &lt;/g:HTML&gt;
                                                                              &lt;/td&gt;
                                                                              &lt;td&gt;
                                                                                  &lt;j:DemiaSuggestBox ui:field="sgtPerson"&gt;&lt;/j:DemiaSuggestBox&gt;
                                                                              &lt;/td&gt;
  </code></pre>
  
  <p>And it was replaced by this:</p>
  
  <pre><code>&lt;g:DockLayoutPanel unit="EM" height="100%"&gt;
      &lt;g:center&gt;
          &lt;g:TabLayoutPanel barUnit='EM' barHeight='3'
              ui:field="tabs"&gt;
              &lt;!-- TABB 1 --&gt;
              &lt;g:tab&gt;
                  &lt;g:header styleName="viewSubtitleText"&gt;
                      &lt;!-- Flikrubrik --&gt;
                      View Person
                  &lt;/g:header&gt;
                  &lt;g:LayoutPanel&gt;
                      &lt;g:layer styleName="roundedBox"&gt;
                          &lt;g:HTMLPanel&gt;
                              &lt;g:HTMLPanel styleName="viewSubtitleText"&gt;People&lt;/g:HTMLPanel&gt;
                              &lt;table&gt;
                                  &lt;tr&gt;
                                      &lt;td&gt;
                                          &lt;table&gt;
                                              &lt;tr&gt;
                                                  &lt;td&gt;
                                                      &lt;g:HTML&gt;Search &lt;/g:HTML&gt;
                                                  &lt;/td&gt;
                                                  &lt;td&gt;
                                                      &lt;j:DemiaSuggestBox ui:field="sgtPerson"&gt;&lt;/j:DemiaSuggestBox&gt;
                                                  &lt;/td&gt;
  </code></pre>