from リンクを出典アイコンにするUserCSS

まとめ

疑似要素をclick/tapすると、リンクが押される前に .cursor-line への変換が起きてしまう

リンクの文字 <span> を数文字表示させ、そちらを押すことでリンク先に飛べるようにした

とりあえずこれで解決とする

環境によってはリンクが押せないみたい

リンククリックより先に .cursor-line への変換が起きてしまう

これは困った

わかる

前は普通に押せていた気がするが、仕様変更とかあったのだろうか

内部リンクの場合は、変換後にもう一度本マークをクリックすれば一応飛べる

スマホでは飛べる

なぜ [/ ] とか他の修飾記法では、 .cursor-line への変換が起きないのか？

[/ ] では、 class="deco-/" に直接CSSが適用されるのではなく、 <i></i> でwrapされて、それにデフォルトで font-style: italic が適用されている

[- ] では <strike></strike> でwrapされる

[* ] では <strong></strong> でwrapされる

.cursor-line への変換が起きないことに関係あるのか？

<span class="deco-."></span> を適当にwrapしてみてもだめだった

aタグの文字列をクリックすると、変換の前にリンク先へ飛ぶ？

2021/12/13 外部リンクがクリックできなくなっているかも？

前はできたような気がする

確認環境

Chrome バージョン: 96.0.4664.93（Official Build） （arm64）

Safari バージョン15.1 (17612.2.9.1.20)

文字ではなくafterやbeforeなどのアイコンを押すとダメ

この現象は特定のリンクにアイコンをつけるUserCSSや外部リンクを区別するUserCSSでも起こる

これ、アイコンを追加してるbeforeやafterの中に pointer-events: none; ねじ込むのどうですか？

効果なしでした

そうでしたか…。お役に立てずすみません

自分はAndroid Chromeでしかscrapboxを使わないのですが、自分の環境に限ってはこれで解決してるっぽい動作をしていたので

アイコンを押すとブラケットが展開されてしまう→アイコンを押しても展開することなくリンク先に飛べるように

適当にいじってたら上手く行っただけなので、特にこれ以上の改善案もありません…

外部リンクを区別するUserCSS、便利なので治ると良いですね