Recently, I have been working on an open-source branch of Wikipedia called WikiEdu. I decided to work on creating a scrolling feature that scrolls to a revision that an editor made to an article.The article is displayed in a floating window with the editors listed at the bottom. If a user has active revisions made to the article they are highlighted along with the revision.This was an interesting problem to solve since I had to create the scrolling feature after the article had been rendered and the scrolling event would be determined by the position of the current revision. In this article, I am going to explain how I solved this problem.

Defining the problem:

Image for post

#web-development #ui #react #javascript

How to Create a find-in-page scroll feature with React
2.95 GEEK