gchq/CyberChef

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

Open

#1 386 ouverte le 22 juil. 2022

Voir sur GitHub
 (1 commentaire) (0 réactions) (0 assignés)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.

Guide contributeur

Stack technique
javascripthtmlcss
Domaine
frontend
Type d'issue
feature
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
half day
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
fresh
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
clear
Prérequis
Basic DOM manipulationUnderstanding of CyberChef's recipe execution
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
60
Direction de recherche
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.