title: FireFox:In a contentEditable div, why can't a select element get focus?
body: <p>Below is my code. My problem is that the select element can't get focus, so I can't use it to select an option.</p>
  
  <pre><code>&lt;div id='editpanel' class="editpanel" contentEditable='true' &gt;
    &lt;select&gt;
       &lt;option value ='volvo'&gt;Volvo&lt;/option&gt;
       &lt;option value ='saab'&gt;Saab&lt;/option&gt;
       &lt;option value='opel'&gt;Opel&lt;/option&gt;
       &lt;option value='audi'&gt;Audi&lt;/option&gt;
    &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What can I do to change this select element so it gets focus? I already tried setting tabindex=-1. If I add contentEditable=false on the select element, it gets focus, but can't be deleted.</p>
  
  <p>othere element like  set contentEditable ,they still can be deleted,except the  element.</p>
  
  <p>Tested in Firefox 8.
  I tried another way ,I make a div surround the selection like :</p>
  
  <pre><code>&lt;div&gt;&lt;select contentEditable='false'&gt;...&lt;/select&gt;&lt;/div&gt;
  </code></pre>
  
  <p>It can be set focus,and can be deleted,but the div made the a break of current row.</p>
  
  <p>Any idea is appreciated.</p>