title: Given a div with text-overflow: ellipsis; on focus, how can you remove the text-overflow?
body: <p>I tried:</p>
  
  <pre><code>.listItem {
      text-overflow: ellipsis;
  }
  .listItem:focus {
      color: red;
      text-overflow: none !important;
  }
  </code></pre>
  
  <p>But that has no effect on text-overflow though it does turn the color red. Ideas?</p>