very simple hacked-together auto-completion demo

This commit is contained in:
Joeri Exelmans 2025-05-10 16:36:49 +02:00
commit d05d9125c9
21 changed files with 3158 additions and 0 deletions

46
src/Editor.css Normal file
View file

@ -0,0 +1,46 @@
.text-block {
display: inline-block;
/* border: solid 1px lightgrey; */
/* margin-right: 4px; */
/* padding-left: 2px; */
/* padding-right: 2px; */
user-select: none;
cursor: text;
}
.selected {
background-color: darkseagreen;
color: white;
}
.suggest {
color: #aaa;
}
.cursor {
display: none;
}
div:focus .cursor {
animation: blink 1s linear infinite;
display: inline-block;
margin-left: -1px;
margin-right: -3px;
vertical-align: text-bottom;
height: 20px;
width: 2px;
background-color: black;
}
.suggestions {
position: absolute;
border: solid 1px lightgrey;
cursor: pointer;
}
@keyframes blink {
50% {
opacity: 0;
}
}