Cursor movement

HTML & CSS
33

The best I can come up with is this:

It sort of works but you probably need to control the caret position a bit better when someone clicks into the input so that the backspace can work rather than the delete key. (I commented out the arrow key function.)

However this is out of my scope now and is really a question for the JS forum. :slight_smile:

NOTE: There’s a bug in Firefox with the flex rule so you need to remove that I have commented out here.

.clue-box__item {
  /*flex: 0 0 35px*/; 
  width: 35px;
  height: 35px;
  border: 1px solid #000;
  margin: 0 -1px 0 0;
  text-align: center;
}
1 Like