わたしはページ内検索を普通に使いたい

以前にも少し書いたのですが、ウェブブラウザーで使えるページ内検索による体験が阻害されるのが本当にストレスで、その例を残しておこうと思います。 採用側の気持ちも分かりますので、どうなると皆が幸せになるのか分からないという種類のものなので困ったところです。 省略されたテキストoverflow: hiddenとtext-overflow: ellipsisまたは-webkit-line-clampによってテキストが省略された場合、その省略部分がページ内検索にヒットすると非常に探しづらいです。 特に、グリッドで区切られたアイテムが複数列・複数行で並んでいる際に顕著です。 以前の記事のとおり、わたしはYouTubeでよく遭遇します。 下記のデモは、1000個のアイテムを並べたものです。 このうち、「Red Rose」というワードは12個のアイテムに含まれています。 デモを開いて「Red Rose」で

[shingo-sasaki-0529]

あーちょっとわかる。ページ内検索にヒットしてるのにハイライトがどこにもなくて結局目視で探す労力かかったりする。

[kamezo]

あー、web検索でヒットしたのに該当語が見つからないのって、この類いなのかしら。

[strawberryhunter]

わかる。F12を押してElementsタブで改めて検索する。

[puhu208n]

広告運営サイトにおいて情報を提供することには何も価値がなく、むしろ無料や低価値ユーザーをイラつかせながら目視で探させると統計指標が上がって価値が造られ、そのためにこうなっているはず

[Windymelt]

めちゃわかる、というかWeb標準技術でできることを勝手に再発明したり、標準技術を潰してしまうような発明をしないでほしいんだよなぁ。検索もしかり、使いにくいパララックスだったり……

[S0R5]

こうしてページ内検索が役に立たないようにしていって、最終的にこの機能は使われてないからページ内検索機能はブラウザで廃止するとかいう斜め上の対応がされる未来が見えた

[gachapining]

Safariの挙動いいな。ちなみに自分的にページ内検索で一番困る挙動は、アプリケーションがcmd + f (ctrl + f) のキーイベントをフックしていて、独自実装の検索ボックスにフォーカス持ってくやつよ

[cpw]

わかる！SPAやるのはいいけどブラウザの機能殺すなと言いたい。リンクとか。

[daichirata]

この為だけにSafariに乗り換えようか悩んだ事があるのでとてもよくわかる。

[Yuppy666]

これにキレてブックマークレット自作した人のブログには大変お世話になっております。

[kkeisuke]

line-clamp の弊害

[securecat]

結局開発者ツールから探すみたいなことになるけど、ふつうの人には難しい（普通の人はページ内検索しないのかもしれんが）

[june29]

これな…。

[quick_past]

わかる

[cho45]

わかる

[mas-higa]

"頑張ってスクロールしながら探さなくてはなりません" はてブでよく遭遇するやつだ!

[otchy210]

Google Doc くらいまで気合い入れて自力実装したのを Ctrl+F (⌘+F) で出してくれるならいいが、そこまで全てのサイトに求めるのもまあ無理があるしな。

[saikyo_tongaricorn]

わかりすぎる。何度なんでや！ってなったか

[s2kw]

めちゃわかる。ページ内検索しないことの方が少ない。

[mayumayu_nimolove]

超わかりみ。トップコメのように検索ヒットしてんのにハイライトがないの何なのかなぁと思ってた。

[ku__ra__ge]

仮想スクロールは使う側からすると否定的なんだが、作る側からするとそうしないと許容範囲外の重さになるので仕方ない。ブラウザがもっと画面外のDOMを高速に処理してくれれば問題はなかったのに。

[cbkf]

これもよくわかるのだけど、まずはページ分割しないことからだ。

[kamiokando]

こういうのって誰かがプラグイン作って解決してくれそうなもんだけど無いのかな。Android Chrome は右上からページ内検索を使えるのを覚えてから時々使ってる。

[tekitou-manga]

はなしが違うけど、はてブの泥アプリてページ検索できる？Safariはいいよねあれ

[z67kjh]

往々にして仮想スクロールの同時レンダリング数は少なく設定されすぎであると思う

[onesplat]

わかるぅ〜

[anonruru]

CSS の content-visibility を見た時についに Virtual Scroll がネイティブで実装できるのかと思ったけど、違うのかな？まだ画面内に入っていない時はレンダリングされないことはわかったが、画面外に出た時にどうなるか文字数

[kakkun61]

わかる

[queeuq]

Twitterは無限スクロールだから愚直にDOMつくっていったら途中で死ぬのは確実だしな。まぁ記事に書いてる通りか

[spark7]

仮想スクロールとかクソオブクソな実装だと思うがSPA的な思想だとよく出てくるんだよな... Flashの再来と思うくらいアレなギミックが多いのでいつか焼かれてほしい。何故フロント界隈は奇をてらった表示を好むのだろう。

[rrringress]

わかる。

[gwmp0000]

"テキストが省略された場合、その省略部分がページ内検索にヒットすると非常に探しづらい 特に、グリッドで区切られたアイテムが複数列・複数行で並んでいる際に顕著" Android Vivaldiは駄目だった

[tetsu23]

検索はされて画面内にはあるけど、どこがハイライトされてるのか分かりづらいときもある。点滅とかしてほしい。

[notio]

あー、なるほど。時々こういうのに気が付くことあったけど、そういう事か。そうかー。

[zu2]

“overflow: hiddenとtext-overflow: ellipsisまたは-webkit-line-clampによってテキストが省略された場合、その省略部分がページ内検索にヒットすると非常に探しづらいです”

[manimoto]

わかりみが深い。あとたまにCtrl+F押すとJS実装の独自検索窓出すサイトあるけどやめてほしい。

[roshi]

たまにこれに遭遇した時はDevToolsから$x('//*[contains(.,"keyword")]')して探してる。PDFもページ内検索ほぼ機能しないよね。。

[hazeblog]

わかる