Remix.run Logo
quuxplusone 5 days ago

The trick is `* {display:block;}`. Having learned that, I wondered whether https://secretgeek.github.io/html_wysiwyg/html.html used the same trick. So I opened up the page and Ctrl+F'ed for "display:". Nothing came up! Back to https://pranavg.me/ and Ctrl+F'ed for "display". Nothing came up!

Apparently, at least on Chrome, Ctrl+F will not find text inside a <style> block, no matter whether it's displayed or not.

Ctrl+F works even to find text inside the displayed <head> and <title> elements, but not inside the displayed <style> element. What could be the browser-writer's rationale for this? And are there any other HTML elements that "suppress searching" like this?

sltkr 5 days ago | parent [-]

Curious.

Interesting enough, document.body.innerText does contain the style sheet contents, so the browser does consider it visible text in some sense.