Firefox breaks word from slash
Looks as Mozilla is considering /
and -
as whitespace delimiters. After a small research I suggest escaping /
and -
with its html equivalent code, before emitting it to the table.
UPDATE
Found another pure CSS solution that works in mozilla too
table {
width: 100%;
}
table td {
word-break: keep-all;
}
<table>
<tbody>
<tr>
<td>
LoremipsumdolorsitametconsecteturadipisicingelitLaboredistinctionamdoloresmodiamet/etblanditiisarchitectsundolorem/qnullobcaecatnobilibermollitia/sialiquiodiomagncommodi.
</td>
</tr>
</tbody>
</table>
Here is a small JS Snippet that escapes /
and -
to its equivalent html code.
var str = 'Loremipsumdolorsitametconsectetura-dipisicingelitLaboredistinctionamdol-oresmodiamet/etblanditiisarchitectsundolorem/qnullobcaecatnobilibermollitia/sialiquiodiomagncommodi.';
const escaped = str.replace(/\//g, '/').replace(/-/g, '-');