scrapboxのcursor

code:style.css

.cursor {

animation: blink 1s infinite;

}

@keyframes blink {

0% { opacity: 0; }

50% { opacity: 0; }

51% { opacity: 1; }

100% { opacity: 1;}

}

/icons/-.icon

なんかバグって日本語入力確定する前の位置がおかしい

https://gyazo.com/1ca2bfa790cdc8d510f7fe7c7e2d6474

上のUserCSSは関係なさげ

解決したwogikaze.icon

code:style.css

.cursor {

z-index:1050

}

が原因だったようだ

Scrapboxではカーソルが.cursorと<textarea>の元からあるカーソルの二種類ある

そして元のCSSでは

code:app.css

.cursor { z-index: 101; }

textarea { z-index: 102; }

となっている

だから入力時には.cursorは隠れて見えなくなっていた

自分はタイトルを上部に固定していて、カーソルが見えるようにz-indexをいじっていた

そしてtextareaより上に表示されるようになってカーソルが二重になったようだ