CSS изменение размера по горизонтали не работает на Firefox

Question

Я использую CSS resize: горизонтальный, чтобы изменить размер заголовка таблицы. Он отлично работает в Chrome и браузере Opera, но не работает в браузере Firefox.

  <th class="text-left pl-2 resize-table">
       <label>Project Name</label>
       <span class="pull-right">
         <i class="fal fa-arrow-up sortClass" aria-hidden="true"></i>
       </span>
   </th>

CSS

.resize-table {
  overflow: auto;
  resize: horizontal;
}

Answer 1

Поместите содержимое заголовка в div. И затем сделайте div изменяемого размера:

<th class="text-left pl-2">
   <div class="resize-table">
       <label>Project Name</label>
       <span class="pull-right">
         <i class="fal fa-arrow-up sortClass" aria-hidden="true"></i>
       </span>
   </div>
</th>