Auf dem Discourse-Forum von intfiction.org sprechen wir viel über rätselhafte Abenteuerspiele, weshalb das [spoiler]-Tag eine große Hilfe ist. In diesem Thema gibt es eine Menge separater Spoiler-Tags, eines für jeden Hinweis.
Diese Seite funktioniert unter Google Chrome einigermaßen, läuft aber unter Firefox schlecht und auch auf langsamen Android-Telefonen nicht gut. Unter Firefox auf Android ist sie wahnsinnig langsam. (Scrollen Sie etwas nach unten, um zu sehen, was ich meine.)
Das liegt wahrscheinlich an Firefox.
Dennoch denke ich, dass das Spoiler-Plugin Spoiler-Texte auf Browsern/Plattformen, die Unschärfe langsam/schlecht verarbeiten (Firefox, Android), mit color: black; background: black statt mit filter: blur(0.5em) darstellen sollte.
Mit CSS sollte das erreicht werden, was Sie beschrieben haben: ein Hintergrund, der dem Text entspricht. Wenn Sie dies zu einer Theme-Komponente hinzufügen, sollte das CSS des Plugins überschrieben werden… dies funktioniert jedoch nicht für Bilder in Spoilern.
Dies würde die Änderung in allen Browsern bewirken. Wenn Sie nur Firefox ansprechen möchten, müssten Sie den User-Agent in JS erkennen.
.spoiler-blurred {
filter: none;
background: var(--primary);
color: var(--primary);
}
.discourse-no-touch .spoiler-blurred:hover {
filter: none;
/* Hier könnten Sie einen anderen Hover-Effekt hinzufügen */
}
.spoiled {
background: transparent;
}
Es ist schade, von den schlechten Firefox-Leistungen zu hören. Wir unterstützen Firefox auf Android offiziell nicht, aber es scheint, dass dies Firefox überall betrifft. Vielleicht sollten wir in Betracht ziehen, zu unserer alten Methode zurückzukehren, bei der ein text-shadow verwendet wird, um das Blau zu erzeugen, anstatt filter…
Daher würde ich sagen, dass https://arewefenixyet.com/ bedeutet, dass dies in einigen Ländern bereits behoben ist und es in anderen Ländern in wenigen Wochen folgen wird.
Um es klarzustellen: Ich kann den Slow-Blur-Bug 925025 auf dieser Testseite in Firefox 79.0 für macOS Catalina 10.15.5 auf einem 2019er MacBook Pro 16" reproduzieren.
Firefox benötigt für einen Blur-Lauf 96.141 ms, Chrome hingegen 9.998 ms. Vielleicht wurde dies bereits in der Nightly-Version behoben?
EDIT: Ja, das ist der Fall. In Version 81.0a1 (2020-08-10) (64-Bit) dauert der Anhang-Benchmark 10.006 ms, und die Discourse-Seite voller Spoiler wird sehr flüssig gerendert.
Es scheint also, als sollten wir vorerst nichts unternehmen und einfach abwarten, bis Mozilla ihre Fixes ausrollt.
Ich bin überzeugt, dass die eigentliche Lösung WebRender ist, das derzeit als Standard aktiviert wird, wie auf http://arewewebrenderyet.com/ zu sehen ist.
Es ist bereits dort aktiviert, wo die meisten Nutzer sind (Windows), und wird auch anderswo bald folgen! Für unser Team ist es zudem das erste, was auf einem neuen PC aktiviert wird .
.