gchq/CyberChef

Feature request: Automatically scroll down for highlighted matches on large output data

Open

#1386 opened on Jul 22, 2022

View on GitHub
 (1 comment) (0 reactions) (0 assignees)JavaScript (34,843 stars) (3,944 forks)batch import
featurehelp wanted

Description

When using the "Regular Expression" operation with highlight matches enabled, it would be good for the output plane to automatically scroll down to the first match.

An example: https://gchq.github.io/CyberChef/#recipe=Regular_expression('User%20defined','nottest',true,true,false,false,false,false,'Highlight%20matches')&input=dGVzdAp0ZXN0CnRlc3QKdGVzdAp0ZXN0CnRlc3QKdGVzdAp0ZXN0CnRlc3QKdGVzdAp0ZXN0CnRlc3QKdGVzdAp0ZXN0CnRlc3QKdGVzdAp0ZXN0CnRlc3QKdGVzdAp0ZXN0CnRlc3QKdGVzdAp0ZXN0CnRlc3QKdGVzdAp0ZXN0CnRlc3QKdGVzdAp0ZXN0CnRlc3QKbm90dGVzdAp0ZXN0CnRlc3QKdGVzdAp0ZXN0CnRlc3QKdGVzdAp0ZXN0CnRlc3QKdGVzdAp0ZXN0CnRlc3QKdGVzdAp0ZXN0

I would expect "nottest" to be highlighted and automatically scrolled down to in the output plane.

Contributor guide

Tech stack
javascripthtmlcss
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
Basic DOM manipulationUnderstanding of CyberChef's recipe execution
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60
Research direction
The issue requests that when using the Regular Expression operation with 'Highlight matches' enabled, the output pane should automatically scroll to the first highlighted match. This likely involves modifying the output rendering code in the CyberChef frontend. Look at files handling the output pane, such as 'src/core/Recipe.js' or 'src/web/Output.js', and the regular expression operation implementation. Check if there is a method to scroll an element into view. The change is localized to scrolling behavior after output is generated.