Probleme mit <wbr> beim FireFox 69

[juedan]

Hallo Forum,

als Neuer hier im Forum habe ich doch gleich ein Anliegen. Für einen Bekannten erstelle ich eine responsive Webseite auf Basis von W3-Schools w3.css. Das funktioniert sehr gut und das Ergebnis ist spitze. Allerdings steigt so langsam mein Blutdruck beim Testen mit dem FireFox. Folgendes:

<button class=...>
 Eingabe <wbr>löschen
</button>

Soll dieses erzeugen, wenn der Platz für den Button ausreichend ist:

+-----------------+
| Eingabe löschen |
+-----------------+

und soll dieses erzeugen, wenn der Platz für den Button nicht ausreichend ist:

+---------+
| Eingabe |
| löschen |
+---------+

Bei Chrome/Chromium/Blackberry OS10-Browser/Opera usw. funktioniert das einwandfrei - dagegen beim Firefox 69 nicht. Ist der Firefox schon so kaputt, oder schlampig bei der Umsetzung des HTML(5)-Standards oder was weiß ich?

Ich habe schon Tricks wie wbr:after { content: "\00200B"; } oder <br class='w3-hide-large'> ausprobiert - ohne Erfolg!

Weiß da noch jemand irgendeinen Trick, der definitiv funktioniert?

Danke im Voraus für die Antworten.

JueDan