search

ijprest / keyboard-layout-editor

Web application to enable the design & editing of keyboard layouts
http://www.keyboard-layout-editor.com/
Other
1.3k stars 241 forks source link

Suggestion: use <datalist> for "Profile / Row" text field #286

Open denilsonsa opened 4 years ago

denilsonsa commented 4 years ago

The profileeditor-search input field has a tooltip with all the available profiles. It would be better/easier for the user if those strings were presented as suggestions. This is now easy to do, using a <datalist> element. This should work:

<input … list="profileeditor-list" …>
<datalist id="profileeditor-list">
  <option value="SA"></option>
  <option value="DSA"></option>
  <option value="DCS"></option>
  <option value="OEM"></option>
  <option value="CHICKLET"></option>
  <option value="FLAT"></option>
  <option value="R1"></option>
  <option value="R2"></option>
  <option value="R3"></option>
  <option value="R4"></option>
  <option value="R5"></option>
  <option value="SPACE"></option>
</datalist>
kbrock commented 3 years ago

this looks like a neat idea. Would you have 2 different drop downs? r1..space for one and SA..chicklet for another?

Typically the whole keyboard is SA or OEM. And each row has a different height. It is also a pain since R1 for some is the top and others is the bottom.

This would not change that pain, but it sure would make typing/error checking it easier