Ctrl+f with hidden span
Trying to get a browser to find the phrase "Trying text" using ctrl+f when there is a hidden span of text between the words.
HTML
<div class="parent">
<span class="visibleText">Trying</span>
<div class="hiddenText">to search</div>
<span class="visibleText">text</span>
</div>
CSS
.parent {
height: 2.5em;
width: 400px;
background: white;
position: relative;
}
.hiddenText {
width: 100%;
overflow: visible;
display: inline-block;
position: absolute;
color: transparent;
bottom: 0;
left: 0;
}
.hiddenText::selection {
background: rgba(0,0,0,0);
}