Commit 8ede2bbe authored by Jakob Moser's avatar Jakob Moser
Browse files

Use proper semantic <search> element to wrap search 

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/search
parent 867c4d6b

frontend/SearchBar.mjs

+1 −1
Original line number Diff line number Diff line
@@ -3,7 +3,7 @@ const SearchBar = { 
        // Empfange den aktuellen Suchbegriff und den Callback als Attribute

        const { searchTerm, onSearchTermChange } = vnode.attrs



        return m("div.search-bar-container", [

        return m("search", [

            m("input[type=search]", {

                placeholder: "Songs oder Interpreten suchen...",

                value: searchTerm, // Binde den Wert des Input-Feldes an den searchTerm-State

frontend/style.css

+1 −1
Original line number Diff line number Diff line
@@ -24,7 +24,7 @@ html { 
}



/* Suchleiste (Höhe ca. 60px) */

.search-bar-container {

search {

    position: fixed;

    top: 0;

    left: 0;