Skip to content
Snippets Groups Projects
Unverified Commit 4e591b38 authored by Conrad Zelck's avatar Conrad Zelck
Browse files

feat: convert input to type search


This type of input has an [x] on the right side to clear input
instantly. Key ESC binds to this automatically. Had to add onsearch to
this input too.

Signed-off-by: default avatarConrad Zelck <git@simpel.cc>
parent 034c68a7
No related branches found
No related tags found
No related merge requests found
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
<main> <main>
<div> <div>
<label for="searchinput">Search language or comment syntax:</label> <label for="searchinput">Search language or comment syntax:</label>
<input type="text" id="searchinput" onkeyup="searchSyntax()" title="Type in a scripting language or comments syntax" placeholder="search string …" autofocus> <input type="search" id="searchinput" onkeyup="searchSyntax()" onsearch="searchSyntax()" title="Type in a scripting language or comments syntax" placeholder="search string …" autofocus>
<table id="resulttable"> <table id="resulttable">
<thead> <thead>
<tr> <tr>
......
...@@ -97,7 +97,7 @@ input { ...@@ -97,7 +97,7 @@ input {
box-sizing: border-box; box-sizing: border-box;
} }
input[type="text"] { input[type="search"] {
width: 70ch; width: 70ch;
max-width: calc(100vw - 8vmin); max-width: calc(100vw - 8vmin);
} }
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment