Klick auf [x] des Suchfelds funktioniert nicht

  • Affected App
    WoltLab Suite Core

    Hallo,


    mir ist gerade aufgefallen, dass man mit dem [x]-Icon rechts im Suchfeld oben in der Benutzerleiste das Feld nicht mehr leeren kann. Statt dessen öffnet/schließt sich einfach nur das Popup-Menü des Suchfelds. Hier auf der Webseite von WoltLab ist dies zur Zeit ebenfalls der Fall.

    Gruß aus Südhessen

  • Das [x] erscheint erst, wenn man was rein getippt hat.


    EDIT:
    Zusätzlich muss das Suchfeld fokusiert/aktiv sein.

    Gruß aus Südhessen

  • Das [x] erscheint erst, wenn man was rein getippt hat.


    EDIT:
    Zusätzlich muss das Suchfeld fokusiert/aktiv sein.

    Hab ich genau so gemacht, kein X - FireFox Developer Edition

  • Oh, aha.


    Firefox: kein x
    Chrome: ein blaues x - keine Funktion
    IE: ein großes weißes X - funktioniert wie gewünscht

    Gruß aus Südhessen

  • IE, das ist wohl eher eine spezielle Browserfunktion. Aber lustig, wenn man in Safari rechts neben den Text klickt, dann leert sich das Suchfeld. Bei Firefox nicht. Das scheint jeder Browser anders zu handhaben.

    www.cls-design.com
    Alle Stile jetzt auch in limitierter Stückzahl für WBB 4.1 (ノ´ヮ´)ノ*:・゚✧

  • Das Icon kommt zwar vom Browser, aber auch nur, weil das vom WBB so gewollt ist - das WBB verwendet <input type="search" /> statt einfach nur <input type="text" />, das bedeutet, dass WoltLab entweder die Funktionalität sicherstellen oder den Input-Typ ändern muss. Aber diesen Input-Typ zu verwenden und dessen charakteristische Eigenschaft kaputt zu machen ist definitiv ein Bug im WBB, denn normalerweise hat dieses Symbol sehr wohl eine Funktionaltät. Bis weitere Browser (also de facto Firefox, wenn es Safari, Chrome und IE schon tun) diesen Input-Typ unterstützen und ein entsprechendes Symbol anzeigen, ist nur eine Frage des *wann*s, nicht des *ob*s.


    Ein Workaround über CSS zum Ausblenden, bis der Bug vernünftig behoben ist:


    input[type='search']::-webkit-search-cancel-button{display:none;}

    Edited 2 times, last by Cadeyrn ().

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!