code-hike / codehike

Marvellous code walkthroughs
https://codehike.org
MIT License
4.39k stars 135 forks source link

Hidden lines in code blocks are picked up by browser text search #288

Open zentol opened 1 year ago

zentol commented 1 year ago

When using CH.Code rows=<something> invisible lines are still found by the browser text search.

In the following example Firefox (105.0.3) finds 12 occurrences of the word world, when only 7 are actually visible.

<CH.Code rows="focus">
```python focus=2
world
world
world
world

</CH.Code>



https://play.codehike.org/#N4IgtgJgHiBcIB0B2AeAwgCQHRoPYQFMACAJ1wHcBnAXgRADNcBjAV0roD5kADXgBwCeAFwAWuJEUasaAJmTlcJADYR5ilWuWqkCrT17IUAekw58BLkmQgANCCaVKcEFj4kCANwCWBcgFomcSEAQy8kAhIiYCJkIiIwYJIAczDYIgAOPigAbhikAF9be3F6LyS4UCUwggA5FjAAIwinWHpgpUoCO0oxcjxBACEWISFxODaOrpBRAjACZwShCK92vwhEgGsIkHz8oA