У меня div установлено как "contenteditable". В этом div есть table с различными td и select с option.
Когда я хочу изменить выбор любого из select, он не работает в Firefox. Подсвечивает / отмечает выбранный элемент select.
В Chrome все работает нормально. Я могу изменить значения select.
Ничего не пробовал, так как это действительно странно. В Chrome я могу выбрать. Боюсь, я понятия не имею, с чего начать решать проблему.
<div class="dokuBaustein " title="" id="dokutext_10" contenteditable>
This text is editable
<table class="outerTable noBorder" cellspacing="0" cellpadding="0" contenteditable="false"">
<tbody>
<tr>
<td class="noBorder">
<table class="innerTable noBorder">
<tbody>
<tr>
<td class="noBorder">
<select id="bewegungSelect" class="transparent">
<option>Opt 1</option>
<option>Opt 2</option>
</select>
</td>
<td id="gradGelenk" class="noBorder">
<select id="gelenkSelect" class="transparent">
<option>Opt 1</option>
<option>Opt 2</option>
</select>
</td>
<td id="gradZahl" class="noBorder">
<select id="gradSelect" class="transparent">
<option>Opt 1</option>
<option>Opt 2</option>
</select>
</td>
<td id="gradZahl" class="noBorder">
<select id="seiteSelect" class="transparent">
<option>Opt 1</option>
<option>Opt 2</option>
</select>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
This is also editable
</div>
Вот рабочая скрипка: https://jsfiddle.net/o3vd8kcu/2/
В результате я могу изменить значения также в Firefox.
Любая помощь высоко ценится! Спасибо!